BitWithBite
HTML Worksheet
🌐 HTML Document Structure
SCORE___ / 20
NameClassDate
After this worksheet you can
Write the HTML5 boilerplateKnow doctype, html, head, bodySet the page titleUse meta charset📚 Quick Recap
Every valid HTML document follows a precise skeleton — a set of required elements in a specific order. Understanding this structure isn't just about following rules: it's about telling browsers, search engines, and assistive technology everything they need to know before rendering a single visible character.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1Every HTML5 page starts with:
2Visible content goes inside:
3The tab text comes from:
4Character encoding is set by:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5<!DOCTYPE html> declares .
6Metadata lives in the <>.
7Write the minimal HTML5 skeleton.
8Head vs body in one line?
9Why set meta charset UTF-8?
🚀 Section C · Challenge ● CHALLENGE 5
10Where does <meta name="description"> go and why?
💭 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-B 3-A 4-A | 5 HTML5 6 head 7 = <!DOCTYPE html><html><head><title>...</title></head><body>...</body></html> 8 = Head = info about the page; body = what users see 9 = So special characters/emoji display correctly | 10 = In head - search engines show it in results