BitWithBite
HTML Worksheet
🌐 Favicons
SCORE___ / 20
NameClassDate
After this worksheet you can
Add a favicon with link rel=iconKnow common favicon sizesUse apple-touch-iconWhere favicons appear🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1A favicon shows in the:
2It is added with:
3Classic favicon format:
4iOS home-screen icons use rel:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5Favicons live in the <> section.
6A common favicon size is 32x px.
7Write the link tag for favicon.ico.
8Why provide multiple icon sizes?
9Where else besides tabs do favicons appear?
🚀 Section C · Challenge ● CHALLENGE 5
10What happens with no favicon?
💭 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-A 4-A | 5 head 6 32 7 = <link rel="icon" type="image/x-icon" href="/favicon.ico"> 8 = Different devices (tabs, home screens, bookmarks) use different sizes 9 = Bookmarks, history, home-screen shortcuts | 10 = A generic blank icon shows in the tab