BitWithBite
HTML Worksheet
🌐 iFrame Embeds
SCORE___ / 20
NameClassDate
After this worksheet you can
Embed pages with iframeYouTube/Maps embedsSecurity with sandboxLazy-load iframes📚 Quick Recap
An <iframe> (inline frame) embeds an entirely separate HTML document inside your page — a YouTube player, Google Map, Codepen demo, or any other web content. The power is enormous; the security implications are real. This lesson covers correct usage, the sandbox security attribute, and making iframes responsive.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1Embed another page with:
2YouTube embeds are:
3Restrict iframe powers with:
4Sites can block being framed via:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5<iframe src=""> loads that URL.
6loading="" defers offscreen iframes.
7Embed a YouTube video by ID.
8Two risks of iframes?
9What does sandbox with no values do?
🚀 Section C · Challenge ● CHALLENGE 5
10Why title an iframe?
💭 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 page URL 6 lazy 7 = <iframe src="https://www.youtube.com/embed/ID" allowfullscreen></iframe> 8 = Clickjacking/phishing; slow third-party content 9 = Applies all restrictions (no scripts, forms, popups) | 10 = Accessibility - describes the embedded content