BitWithBite
HTML Worksheet
🌐 Paragraphs & Text
SCORE___ / 20
NameClassDate
After this worksheet you can
Use p, br and hrKnow whitespace collapsingUse pre for preserved textStructure readable text📚 Quick Recap
HTML text isn't just what you type — it's structured through elements that carry meaning. The humble <p> element does far more than wrap a paragraph; combined with inline elements like <strong>, <em>, and <mark>, it lets you convey emphasis, importance, and context that plain text simply cannot.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1Paragraphs use the tag:
2A line break inside text:
3A horizontal divider line:
4Multiple spaces in HTML render as:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5Extra spaces and newlines into one space.
6<> keeps spacing and line breaks exactly.
7Write two paragraphs separated properly.
8When use br vs a new p?
9Show code with exact spacing - which tag?
🚀 Section C · Challenge ● CHALLENGE 5
10How to force two words to stay together on one line?
💭 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-B 4-B | 5 collapse 6 pre 7 = <p>First.</p><p>Second.</p> 8 = br = line break inside one thought (address/poem); p = new paragraph 9 = <pre> (often with <code>) | 10 = Join them with