HTML Cheatsheet

Hover over the cards

HTML

  • HTML stands for HyperText Markup Language..

  • It is a standard markup language for web page creation..

  • Mostly used in Web Development, Internet Navigation and Web Documentation.

Fundamentals

  • HTML is a markup language that defines the structure of your content.

  • HTML consists of a series of elements, which you use to enclose, or wrap, different parts of the content to make it appear a certain way.

Semantics

  • Semantic elements = elements with a meaning

  • Examples of non-semantic elements: div and span - Tells nothing about its content

  • Examples of semantic elements: form, table, and article - Clearly defines its content.

Loops

  • A form is a section of a document containing normal content, markup, special elements called controls (checkboxes, radio buttons, menus, etc.), and labels on those controls.

  • Users interact with forms through named controls.

  • Examples of control types: buttons, checkboxes, radio buttons, menus and text input.

Tables

  • HTML tables allow web developers to arrange data into rows and columns./li>
  • Each table cell is defined by a < td > tag.

  • Everything between < td > and < td/ > are the content of the table cell.

Buttons

  • The < button > tag defines a clickable button.

  • Inside a < button > element you can put text (and tags like < i >, < b >, < strong >, < br >, < img >, etc.). That is not possible with a button created with the < input > element!

  • Always specify the type attribute for a < button > element, to tell browsers what type of button it is.