HTML Tags and Structure: Complete Cheat Sheet for Beginners

Tags show up at the beginning and end of an HTML document (known as the root element).

Tags contain information about that specific page, including the title tags, meta data, and links to scripts and style sheets.

Tag contains the title for that page, useful for both search engines and users.

Tags include all content that will be shown to users, including everything they'll see & read.

Tag spells out additional information about the page, including the page's description, author, published date, keywords and other typically 'hidden' page information.

Element includes document style information, typically defaulting to CSS.

Tags include all six levels of Headings, with 1 being the most important on a page and 6 being the least.

Tags represent a generic container used to denote a page section or block.

Tags define an inline container, typically used for grouping elements for styling.

Is a foundational tag used to organize paragraphs of text.

Creates a line break, useful for writing blocks of text that need to be on different lines.

---

Creates a horizontal rule, a sectional break in an HTML page.

Indicates text that is important, serious, or urgent. Usually displayed in bold.

Is used for phrases that need to stand out without added emphasis or importance.

Emphasizes text or phrases displayed as italics in most browsers.

Is used for phrases in a different voice or mood than the surrounding text.

Tag marks text that is incorrect. Displayed with a line through it.

Tags identify a citation — the title of another work, such as a book or article.

Tags display pre-formatted, 'monospace' text laid out with whitespace inside the element intact.

Tag specifies a section that is quoted from another source.

Defines a short quotation. Browsers normally insert quotation marks around the quotation.

Tags help denote abbreviations, while also making the full form available.

Tags provide a way to subscript text.

Tags provide a way to superscript text.

Tags are used for an addendum or side note, displayed in a smaller text size.

Tag displays highlighted text for phrases that may be particularly relevant to the reader.

Tag provides a machine-readable equivalent for dates and times.

Tag is used to add links. The anchor text for hyperlink is placed within this tag.

Tag is used to include and display image files.

src= 'url'

Img tag attribute denotes the URL or file of the image to display.

alt= 'text'

Img tag attribute represents alternative text that helps explain the image content.

height= ''

Img tag attribute provides the ability to specify image height in pixels.

width= ''

Img tag attribute provides the ability to specify image width in pixels.

Tag creates numbered (ordered) lists showing sequential order, preference or priority.

Tag display a bulleted (unordered) list without any extra emphasis on order of importance.

Tag specifies each list item to be bulleted or numbered.

Tag creates a description (definition) list, which pairs terms with their descriptions.

Tag specifies a term in a description list.

Tag specifies the description for a definition term.

Tag identifies and contains all table related content.

Tag provides a title or description of what the table is, and what it contains.

Tag contains the information to be included in a single row of the table.

Tag defines a header cell, which provides information about the cells in the row or column it precedes.

Tag contains the actual information or data in a single table cell.

colspan attribute

Specifies the number of columns the cell should span over.

rowspan attribute

Specifies the number of rows the cell spans.