Headings h1–h6

H1

H2

H3

H4

H5

H6

hgroup: grouped heading

Subtitle inside hgroup

Text and semantics

p – a regular paragraph of text. A line break via br here.
New line.

H₂O (sub) and x² (sup) | HTML (abbr) | dfn – definition | cite – title of a work

q – short inline quotation | September 26, 2026 (time) | data – value 123

blockquote – a longer block quotation.

pre – preformatted text
preserves    whitespace
and indentation

code – code snippet | Ctrl+C (kbd) | samp – program output | var – variable

ruby: 漢kan字ji (characters with rt annotation and rp: 漢(kan))

bdo: Right-to-left text | bdi: العربية (direction isolation)

long word with optional break: supercalifragilisticexpialidocious

address – contact information:
John Smith, 1 Test Street, 00-001 Warsaw

Text color: font (obsolete, shown intentionally).

Lists

ul – bulleted list:

item 1
item 2
- nested

ol – numbered list (start=5, reversed, type=A):

item with forced value 3
item
item

dl – description list:

HTML: markup language
CSS: style sheets

Links and anchors

a – external link (new tab) | a – anchor link | mailto: | tel: | download

Tables

caption – table title
th 1	th 2	th 3
td	td with colspan=2
td rowspan=2	td	td
td rowspan=2	td	td
tfoot – table footer

Media and embedded content

img – image — figcaption – image caption

| with (track)

(embed) |

Forms – all input types

legend – basic input fields

input type=text:

input type=password:

input type=search:

input type=tel:

input type=url:

input type=email (multiple):

input type=number:

input type=range:

input type=date:

input type=time:

input type=datetime-local:

input type=month:

input type=week:

input type=color:

input type=file (accept, multiple):

input type=hidden:

Selection (checkbox / radio)

checkbox: A B C (disabled)

radio: 1 2 3

fieldset disabled (whole group inactive)

Other form elements

select (single):

select multiple size=3:

textarea (rows/cols):
pre-filled value

datalist + input list:

progress: 70% | meter: 60%

output: output – result of a calculation

Buttons

Interactive elements

summary – click to expand details

Hidden content inside details. details open – expanded by default:

Expanded right away

Visible content.

Other tags

template – invisible template:

slot (Web Components): slot fallback

div – generic block | span – generic inline