BitWithBite
HTML Worksheet
🌐 Links & Anchors
SCORE___ / 20
NameClassDate
After this worksheet you can
Create links with a/hrefOpen in new tabs safelyAnchor links to page sectionsEmail and phone links📚 Quick Recap
The anchor element <a> is the foundation of the web. Without it, the World Wide Web wouldn't be a web — just a collection of isolated pages. Links connect documents, create navigation, trigger downloads, open emails, and even scroll users to specific sections of the same page.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1The link tag is:
2New tab uses target:
3Jump to a section with href:
4Email links start with:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5rel="" makes target=_blank safer.
6href="#top" jumps to id="".
7Write a safe new-tab link to a docs site.
8Make a Back to top link.
9Absolute vs relative URL?
🚀 Section C · Challenge ● CHALLENGE 5
10Why avoid link text like 'click here'?
💭 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-A 4-B | 5 noopener (noreferrer) 6 top 7 = <a href="..." target="_blank" rel="noopener">Docs</a> 8 = <a href="#top">Back to top</a> with id="top" at page start 9 = Absolute = full address; relative = path from current page | 10 = Bad accessibility/SEO - text should say where it goes