BitWithBite
HTML & CSS Worksheet
🎨 HTML Elements & Text
SCORE___ / 20
NameClassDate
After this worksheet you can
Headings h1-h6Paragraphs and breaksstrong/em semanticsLists📚 Quick Recap
🎯 What you'll learn: All six heading levels, paragraphs and text formatting, inline vs block elements, semantic HTML5 elements (header, nav, main, section, article, aside, footer), the difference between <div> and semantic tags, and why semantics matter for SEO and accessibility.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1Most important heading:
2Semantic bold uses:
3Bulleted lists:
4List items use:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5Headings go h1 to h.
6<br> adds a line .
7Write an h2 and a paragraph under it.
8ul vs ol - when each?
9strong vs b?
🚀 Section C · Challenge ● CHALLENGE 5
10Write a 3-item ordered list.
💭 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 6 6 break 7 = <h2>About</h2><p>Text...</p> 8 = ul = unordered bullets; ol = ordered steps/ranking 9 = strong = semantic importance; b = style only | 10 = <ol><li>1</li><li>2</li><li>3</li></ol>