BitWithBite
HTML Worksheet
🌐 Lists
SCORE___ / 20
NameClassDate
After this worksheet you can
Ordered and unordered listsList items with liNest listsDescription lists📚 Quick Recap
Lists are everywhere on the web — navigation menus, feature lists, steps, breadcrumbs. HTML provides three types of lists, each with a specific semantic purpose. Choosing the right list type communicates meaning to both users and search engines.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1Bulleted list tag:
2Numbered list tag:
3Each item uses:
4Description lists use:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5<ol type="A"> numbers with .
6start="5" begins an ol at .
7Write a 3-item shopping list (bullets).
8Write steps 1-3 of a recipe (numbered).
9When choose ol over ul?
🚀 Section C · Challenge ● CHALLENGE 5
10Nest a sub-list under item 2.
💭 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-B 3-B 4-A | 5 letters 6 5 7 = <ul><li>Milk</li><li>Eggs</li><li>Bread</li></ul> 8 = <ol><li>...</li>...</ol> 9 = When order/sequence matters | 10 = Put a whole <ul> inside that <li>