HTML

---

HTML Headings: A Clear Guide

HTML headings organize content with six levels, from <h1> (most important) to <h6> (least). They’re great for titles and sections. Let’s see them in action.

Basic Headings Example

Here’s a simple page with headings:

    Headings Demo


    Main Title
    Section One
    Written on March 24, 2025.

All Heading Levels

See the size difference across levels:

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

Headings with Style

Add the style attribute for customization:

Green Section
Arial Text

Try It

Save the first example as headings.html (UTF-8 encoding) and open it in a browser. You’ll see a big <h1> and smaller <h2>. Add the other examples—mix levels or styles—then save and refresh to compare.

Why Headings?

They structure your page and help search engines understand it. Play with <h3> or <h4> to section your content!

---