The <h6> element is used to create the smallest heading on a webpage.
It represents a very detailed sub-heading under an <h5>.
While <h1> is the main title, and <h2>–<h5> break content into sections and sub-sections, <h6> is used for very specific points or minor headings inside deeply structured content.
Think of <h6> like the smallest label or category inside a section — it helps organise information when your page needs detailed structure.
You can use multiple <h6> elements on a page when breaking information into very small, organised parts.
Understaning the layout of the <h6> Element
| Start tag | Element content | End tag |
|---|---|---|
| <h6> | Historical Churches | </h6> |
📘 Example Code
Below is an HTML example showing all heading levels down to <h6>:
💡 This is what the code looks like inside an editor
🖥️ What This Will Look Like in a Browser
✅ Example output you would see on a webpage:
🧪 Time to Practise!
Now it’s your turn to create your own <h6> heading.
Try this example first:
<h6>Local Food Markets</h6>
What To Do
✅ Type the code above in the editor below
✅ Click Test Code to check your answer
✅ Try changing the text and experimenting with different headings
✅ Add a <p> below your <h6> to describe your point
Tip 💡
Use <h6> when your content has very detailed topics or sub-points.
It’s useful in guides, tutorials, research pages, and structured learning content — like this one!
Keep practising — you now know all six heading levels! 🚀