HTML Headings

All HTML topics
∙ Chapter 03

HTML Headings

HTML has 6 heading levels — <h1> is the biggest and most important, <h6> is the smallest.

📋When to use each level

Think of a newspaper: the main headline is <h1>. Section titles are <h2>. Sub-topics are <h3>, and so on downward.

Use only one <h1> per page. Use as many h2–h6 as you need for structure.

⚠️Don't choose headings based on visual size. Use them for meaning and structure. Change size with CSS later.
headings.php
📝 Edit Code
👁 Live Preview
💡 Try changing h1 to h4 — the size decreases. All headings are bold by default.