BitWithBite
HTML Worksheet
🌐 Tables Basics
SCORE___ / 20
NameClassDate
After this worksheet you can
Build tables with table/tr/tdHeader cells with thAdd a captionUse tables only for data📚 Quick Recap
HTML tables display two-dimensional tabular data — rows and columns of information with a clear relationship between them. They are misused more than almost any other HTML element. Understanding when and how to use them correctly, with proper semantic markup, makes your data accessible, readable, and maintainable.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1A table row is:
2A data cell is:
3Header cells use:
4Tables should be used for:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5Rows contain cells.
6<> titles the whole table.
7Write a 2x2 table of names and ages.
8th vs td in one line?
9Why is table-based layout bad?
🚀 Section C · Challenge ● CHALLENGE 5
10Add a caption Students to a table.
💭 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-A 3-A 4-B | 5 td/th 6 caption 7 = <table><tr><th>Name</th><th>Age</th></tr><tr><td>Ali</td><td>15</td></tr></table> 8 = th = header cell (semantic); td = data cell 9 = Inaccessible, rigid, not responsive - CSS handles layout | 10 = <caption>Students</caption> right after <table>