BitWithBite
HTML Worksheet
🌐 Table Structure
SCORE___ / 20
NameClassDate
After this worksheet you can
Group rows with thead/tbody/tfootWhy grouping helps stylingScrolling bodies and sticky headersSemantic table structure📚 Quick Recap
A complete semantic table isn't just rows and cells — it has a head, body, and foot, just like a document. Structural elements like <thead>, <tbody>, and <tfoot> group rows by purpose, enable independent scrolling, and help screen readers navigate complex data tables correctly.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1Header rows group inside:
2Main data rows group inside:
3Totals usually live in:
4Grouping sections helps with:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5The three row groups: thead, tbody, .
6thead usually contains <> cells.
7Sketch a table with thead and tbody.
8Where does a grand-total row belong?
9Why does tbody help long reports?
🚀 Section C · Challenge ● CHALLENGE 5
10What does scope="row" do?
💭 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 tfoot 6 th 7 = <table><thead><tr><th>...</th></tr></thead><tbody><tr><td>...</td></tr></tbody></table> 8 = In tfoot 9 = It can scroll independently under a sticky header | 10 = Marks a th as heading its row (accessibility)