BitWithBite
HTML Worksheet
🌐 Nav, Main & Aside
SCORE___ / 20
NameClassDate
After this worksheet you can
Wrap menus in navExactly one main per pageSidebars with asideSkip-to-content links🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1Menus belong in:
2How many <main> per page?
3Related-but-separate content uses:
4main should NOT contain:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5<> holds the unique page content.
6Sidebars and pull-quotes suit <>.
7Write a nav with Home / About / Contact.
8Why only one main?
9Give two good aside uses.
🚀 Section C · Challenge ● CHALLENGE 5
10Write a skip-to-content link.
💭 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-A 2-A 3-A 4-A | 5 main 6 aside 7 = <nav><a href="/">Home</a> ...</nav> 8 = It marks THE unique content - multiple confuse assistive tech 9 = Related links, author bio, ads, glossary note | 10 = <a href="#main">Skip to content</a>