Chapter 4
Beginner
7 min read
Core Elements
Headings & Paragraphs
Headings and paragraphs are the most fundamental building blocks of any web page. Learn how to use all six heading levels and write well-structured body text.
🎯 What you'll learn
✓Use all 6 heading levels
correctly
✓Write paragraphs and line breaks
✓Add bold and italic text
✓Understand the heading hierarchy
for SEO
Heading Levels
HTML has 6 heading levels: <h1>
through
<h6>. Use only one h1 per page — it
tells search
engines the main topic.
HTML
<h1>Main Title (only one per page)</h1>
<h2>Section Heading</h2>
<h3>Sub-section</h3>
<h4>Sub-sub-section</h4>
<h5>Rarely used</h5>
<h6>Smallest heading</h6>⚠ SEO Rule
Only use one <h1> per page. Search engines treat it as the primary
topic.
Paragraphs & Text
The <p> tag creates a paragraph
with
automatic spacing. Use <strong> for bold, <em> for italic, and <br>
for line breaks within a paragraph.
HTML
<p>This is a paragraph.</p>
<p><strong>Bold</strong>, <em>italic</em>, <u>underlined</u></p>
<hr>
<p>First line<br>Second line</p>Try It Yourself
Live Editor
✎ Editor
👁 Preview
❓ Quick Check — Chapter 4
How many <h1> tags should a well-structured page typically have?
📄 Chapter Summary
- Use
<h1>–<h6>for headings in order of importance. - Only one
<h1>per page for good SEO. <p>creates paragraphs with automatic spacing.<strong>= bold,<em>= italic,<br>= line break.