BitWithBite
HTML Worksheet
🌐 HTML Attributes
SCORE___ / 20
NameClassDate
After this worksheet you can
Add attributes to tagsUse href, src, alt, id, classQuote attribute valuesKnow global attributes📚 Quick Recap
Attributes are the knobs and settings of HTML elements. They live inside the opening tag and provide extra information — where a link points, what image to display, which CSS class to apply. Without attributes, HTML elements would be limited to their defaults. With them, you have precise control over every element's behaviour and identity.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1Attributes go in the:
2Links use the attribute:
3Images use:
4id values must be:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5Attribute format: name="".
6alt text describes an .
7Write a link to bitwithbite.com opening in a new tab.
8Why is alt text important?
9id vs class in one line?
🚀 Section C · Challenge ● CHALLENGE 5
10Add a tooltip 'Home' to a link.
💭 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 value 6 image 7 = <a href="https://bitwithbite.com" target="_blank">...</a> 8 = Accessibility (screen readers) + shows if image fails + SEO 9 = id = one unique element; class = reusable group | 10 = title="Home" attribute