BitWithBite
HTML Worksheet
🌐 HTML Headings
SCORE___ / 20
NameClassDate
After this worksheet you can
Use h1-h6 correctlyOne h1 per pageKeep heading hierarchyKnow SEO value of headings📚 Quick Recap
HTML has six heading levels — <h1> through <h6>. They are not just big bold text; they define the semantic document outline that search engines crawl, screen readers navigate, and browsers display. A well-structured heading hierarchy is one of the highest-impact things you can do for SEO and accessibility.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1The most important heading is:
2How many heading levels exist?
3Best practice: h1 per page =
4After h2, the next sub-level is:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5Headings run from h1 to h.
6The page's main topic goes in .
7Sketch a heading outline for a blog post.
8Why not pick headings by size?
9What is wrong with 3 h1s on one page?
🚀 Section C · Challenge ● CHALLENGE 5
10Write an h2 saying Features.
💭 Reflection — the most useful thing I learned:
A ___/4 B ___/11 C ___/5 Total ___/20
Teacher's Signature
Parent's Signature
✂ answer key — fold or cut before handing out
1-B 2-C 3-A 4-B | 5 6 6 h1 7 = h1 title, h2 sections, h3 subsections 8 = They are semantic - use CSS for sizing 9 = Ambiguous main topic - bad for SEO and accessibility | 10 = <h2>Features</h2>