BitWithBite
HTML Worksheet
🌐 HTML Elements
SCORE___ / 20
NameClassDate
After this worksheet you can
Nest elements correctlyKnow block vs inlineRecognise void elementsKeep proper indentation📚 Quick Recap
Elements are the building blocks of every webpage. An element is the complete unit: opening tag + content + closing tag. Understanding element types, nesting rules, and block vs inline behaviour is fundamental to writing valid HTML.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1A block element takes:
2Which is inline?
3<br> is a:
4Wrong nesting is:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5<div> is a element.
6<span> is an element.
7Give two block and two inline elements.
8Fix: <p><strong>hi</p></strong>
9Why indent nested elements?
🚀 Section C · Challenge ● CHALLENGE 5
10What happens visually after a block element?
💭 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-B | 5 block 6 inline 7 = Block: div, p, h1; Inline: span, a, strong 8 = <p><strong>hi</strong></p> 9 = Readability - structure is visible at a glance | 10 = A line break - the next element starts on a new line