BitWithBite
HTML & CSS Worksheet
🎨 Forms, Tables & Lists
SCORE___ / 20
NameClassDate
After this worksheet you can
Build basic formsLabel inputsSimple tablesChoose the right control📚 Quick Recap
🎯 What you'll learn: All HTML list types (ordered, unordered, description), HTML tables with proper structure and accessibility, and the full form element system — input types, labels, fieldsets, validation attributes, and textarea/select/checkbox/radio. By the end you can build any data entry form.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1User input tags:
2Labels bind via:
3Table rows:
4One-of-many choice:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5required makes a field .
6type="" checks email format.
7Labelled name field.
82x2 table with headers Name/Age.
9Radio vs checkbox?
🚀 Section C · Challenge ● CHALLENGE 5
10Why does every input need name=?
💭 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 mandatory 6 email 7 = <label for="n">Name</label><input id="n" name="name"> 8 = <table><tr><th>Name</th><th>Age</th></tr><tr><td>Ali</td><td>15</td></tr></table> 9 = Radio = pick one; checkbox = pick many | 10 = It keys the submitted value