LESSON 5

Headings

Learning objective: Use heading levels to structure a page from most to least important.

Understand

Headings organize a page into a clear outline.

HTML has six heading levels, <h1> through <h6>. <h1> is the most important (usually the page title) and <h6> the least. Use them in order to create a logical outline — do not skip levels just to change the size.

Analogy: Headings work like a book: one title, then chapters, then sub-sections.

See It in Action

A simple heading hierarchy:

<h1>My Blog</h1>
<h2>Travel</h2>
<h3>Japan Trip</h3>
How it works: <h1> is the page's main title, <h2> is a section, and <h3> is a sub-topic inside that section.

Try It Yourself

  1. Add an <h1> for a page title.
  2. Add two <h2> sections beneath it.
  3. Add an <h3> inside one of the sections.

Quick Quiz

How many heading levels does HTML provide?

Challenge

Outline a page about your favourite hobby using h1, h2, and h3 in a logical order.

Success condition: Your headings form a clear outline without skipping levels.