HTML
Headings
Headings in HTML
What is it?
Headings range from h1 to h6. h1 is the most important, h6 the least.
Why does it exist?
Headings structure content for readers, search engines, and screen readers.
Examples
Basic
Example 1
<h1>Main Title</h1>The primary page title.
Intermediate
Example 1
<h2>Section Title</h2>
<h3>Subsection</h3>Use nested headings for content hierarchy.
Advanced
Example 1
<h1>Guide</h1>
<h2>Setup</h2>
<h2>Usage</h2>Maintain order without skipping levels.
Common Mistakes
Common mistakes with headings: 1. Skipping levels (h1 to h4) 2. Using headings for styling only 3. Multiple h1 on a single page
Write it once before proceeding
This helps your brain start forming the pattern.
<h1>Main Title</h1>Headings are titles
Simple Explanation
Headings label sections so readers can scan quickly.
Think of it like this
They are like chapter titles in a book.
Tiny Example
<h2>About Me</h2>Core Drill: Lock It In
Write the same concept 50 times to make it permanent. Your progress is saved automatically.
Repetitions0 / 50
🔒
Sign In to Unlock
Complete all 50 repetitions and lock this concept in your memory forever.