Headings and Paragraphs
Use h1 through h6 for headings — one h1 per page. Use p for paragraphs. Maintain heading hierarchy and do not skip levels. The heading structure is important for both SEO and screen reader navigation.
Headings and Paragraphs <h1>Biggest Heading</h1>
<h2>Subheading</h2>
<h3>Smaller</h3>
<h4>Even smaller</h4>
<h5>Small</h5>
<h6>Smallest</h6>
<p>A paragraph of text.</p>
<!-- Line break (avoid overusing) -->
<br>
<!-- Horizontal rule -->
<hr>
Test your understanding before moving on
1. How many heading levels are there?
A. 3
B. 5
C. 6
D. 4
💡 HTML has 6 heading levels: <h1> through <h6>.
2. There should be how many h1 tags per page?
A. As many as needed
B. Only one
C. Two maximum
D. None — use h2
💡 Best practice is one <h1> per page — it is the main topic heading.
3. What does <hr> create?
A. Line break
B. Horizontal rule (divider line)
C. Header row
D. Highlight
💡 <hr> creates a horizontal thematic break (divider line).
4. What does <br> do?
A. Bold text
B. Breaks into new paragraph
C. Line break
D. Border
💡 <br> inserts a single line break within text.
5. What is the purpose of headings?
A. Style text
B. Structure content hierarchy and help SEO and accessibility
C. Create tables
D. Add links
💡 Headings create a content hierarchy, improving readability, SEO, and screen reader navigation.