html · level 1 · unit 1 · lesson 3
- meet it
- guess first
- your turn
- fix it
- nailed it
Tap a green word if you get lost.
meet it
There are six levels of , <h1> to <h6>.
A heading is a title for your page or for one part of it. HTML has six levels, from <h1> down to <h6>. The lower the number, the more important the heading.
<h1> is the main title, like the name on the front of a book. Use one per page. <h2> marks each chapter, <h3> the parts inside a chapter, and so on.
Pick a level for its place in the page, not for how big it looks. Think chapters, not sizes.
<h1>My holiday</h1>
<h2>Day one</h2>
<h3>The beach</h3>
<h2>Day two</h2>Press show my page to see it here.
Headings with a bigger number come out smaller on the page.
guess first
Which heading will look biggest?
Guess before you run it. Wrong guesses are how you learn, and nothing is marked.
<h3>Tiny</h3>
<h1>Huge</h1>
<h6>Teeny</h6>your turn
Your turn. Plan a birthday party page.
Add one more section to the plan on line 4, like Games or Music. It is a main section, like Food, so give it the same level.
Press show my page to see it here.
- the party has two main sectionsnot checked yet
- there is still one main titlenot checked yet
fix it
Three main titles? Fix the outline.
Press show my page to see it here.
- the page has one main titlenot checked yet
- soup and pudding are sectionsnot checked yet
- How many main titles should one page have?
- Recipes is the main title. Soup and Pudding are sections inside it.
- Change the tags round Soup and Pudding to
<h2>and</h2>, then press run.
nailed it
your page has a proper outline. :D
- There are six heading levels,
<h1>to<h6>. - Use one
<h1>for the main title. - Pick a level for its place, not its size.
new words in your collection
- heading
This lesson isn’t saved. A free account remembers every lesson you finish.