HTML Headings
One screen. The rules and the six tags.
The four rules of headings and all six tags, on one screen.
<h1> … </h1> <!-- page title, one per page --><h2> … </h2> <!-- section --><h3> … </h3> <!-- subsection --><h4> … </h4><h5> … </h5><h6> … </h6> <!-- lowest level -->- One h1 per page.
- Descend one level at a time — never skip.
- Level = meaning, not size.
- Need it smaller/bigger? Use font-size in CSS.
- h1 / h2 / h3
- 2.00 / 1.50 / 1.17
- h4 / h5 / h6
- 1.00 / 0.83 / 0.67
Reference
Printable HTML cheatsheet
The whole-language cheatsheet book, ready to print.
More like this
HTML Headings
h1 through h6 are the page’s table of contents. Use them for structure, never for size — that’s what CSS is for.
HTML Headings
h1–h6 are instances of HTMLHeadingElement. They take no special attributes — only the global set and ARIA — but there’s real depth in how they form the document outline and what you can do with them from JavaScript.
HTML Headings
Everything about h1–h6 you’d look up mid-task, with no preamble.
Liked this one?
Pass it on
Discussion
Be the first to ask
Your questions stay private with the team. We can pin answers to share with everyone.
Sign in to ask a question privately on this tutorial.
Sign inNo pinned answers yet for this tutorial.