Text Tags

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Paragraph

Address
Block quote
Preformatted text (preserves   spaces and
    line breaks)
Horizontal rule:

Lists

  1. Ordered
  2. list
Description list
terms paired with their description
Another term
description
Details element - Summary

Details (hidden when collapsed)

Text Styling

line break,
bold, italics, underlined, inaccurate, marked, small, subscript, superscript, abbrev., code,
important, emphasized, inserted, deleted, computer output, keyboard input, variable, title of a work, definition,
span (a way of sectioning off text),
word break opportunity (for long words),
data (for machine readability),
bi-directional isolation (text direction), bi-directional override, ruby annotation(explanation/pronunciation)

Sections

Div: Basic division/section
Article: Independent, self-contained content
Dialog: Dialog box or subwindow
Header: Introductory content
Main: Main content
Section: Thematic grouping of content

Tables

Note: Tables do not have borders (lines between cells) by default. These must be added using CSS.

Simple table

Row 1 cell 1 Row 1 cell 2
Row 2 cell 1 Row 2 cell 2

Advanced table

Table caption
Header 1 Header 2 Header 3
Row 1 cell 1 Row 1 cell 2 Row 1 cell 3
Row 2 cell 1 Row 2 cell 2 Row 2 cell 3
Footer 1 Footer 2 (Spanning 2 columns)

Forms

Text input:
Button input:
Checkbox input:
Color input:
Date input:
Datetime input:
Email input:
File input:
Hidden input:
Image input:
Month input:
Number input:
Password input:
Radio input:
Range input:
Reset input:
Search input:
Submit input:
Tel input:
Time input:
URL input:
Week input:

Input with datalist:
Output

Fieldset with legend Input in a fieldset:

Inline elements

Anchor tag (hyperlink) 60% 60%

Media elements

Wikipedia logo Wikipedia logo Wikipedia logo Area 1 Area 2 Sorry, your browser does not support inline SVG. Your browser does not support the canvas tag.
Wikipedia logo
Figure with caption