BitWithBite
HTML Worksheet
🌐 Article & Section
SCORE___ / 20
NameClassDate
After this worksheet you can
Self-contained content in articleThematic groups in sectionChoose between themNest them correctly📚 Quick Recap
<article> and <section> are the two most misused semantic elements. They're both block containers, both accept headings, and both can nest inside each other — yet they have distinct, specific meanings. This lesson pins down exactly when to use each, how to nest them correctly, and introduces <figure> and <figcaption> for self-contained media content.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1Stands alone if shared (blog post, comment):
2A themed group of content with a heading:
3Sections should usually start with a:
4Can articles contain sections?
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5RSS-able content = <>.
6Chapters of a page = <> blocks.
7Blog page: what wraps each post preview?
8Landing page Features / Pricing / FAQ blocks?
9article vs section in one line?
🚀 Section C · Challenge ● CHALLENGE 5
10Nest: a post with Intro and Comments areas.
💭 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 article 6 section 7 = <article> per post 8 = <section> each, with headings 9 = article = independent; section = thematic part of something | 10 = article > section(intro) + section(comments with article children)