BitWithBite
HTML & CSS Worksheet
🎨 Links, Images & Media
SCORE___ / 20
NameClassDate
After this worksheet you can
Links with a/hrefImages with altNew-tab linksAudio/video basics📚 Quick Recap
🎯 What you'll learn: The anchor tag and all its link types (external, internal, email, phone), relative vs absolute paths, the image element with all key attributes, responsive images with srcset, the <figure> pattern, embedding video and audio, and iframes for YouTube embeds.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1Links use the attribute:
2Images use:
3alt text helps:
4New tab: target =:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5<a ="page.html">Go</a>.
6<img src alt> - alt describes the .
7Link to about.html with text About us.
8Image cat.jpg with alt.
9Why avoid click here links?
🚀 Section C · Challenge ● CHALLENGE 5
10Embed video clip.mp4 with controls.
💭 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 href 6 image 7 = <a href="about.html">About us</a> 8 = <img src="cat.jpg" alt="A sleeping cat"> 9 = Link text should describe the destination (a11y/SEO) | 10 = <video controls src="clip.mp4"></video>