Headings in HTML

Headings are the outline of a document, not a way to change font size.

<h1>Touch typing for programmers</h1>
<h2>Why tokens beat words</h2>
<h3>Counting brackets</h3>
<h3>Counting keywords</h3>
<h2>Choosing a language</h2>
<h3>Starting with basics</h3>

How it works

1. One h1 names the page; h2 and below nest under it.
2. Never skip a level to get a smaller heading — style it with CSS.
3. Screen readers and search engines both read this outline.

The run, in numbers

Lines

6

Characters to type

181

Tokens

48

Three-star pace

60 tpm

At the three-star pace of 60 tokens a minute, this run takes about 48 seconds.

Type this snippet

Step 1 of 7 in Text & headings, step 4 of 28 in Document structure.

← Previous Next →