Embed a page with a titled iframe.
Acceptance criteria
- 1.Embed a page with a titled iframe.
HTML Tutorial · HTML Tags
These 10 tasks go with the HTML <frame> Tag chapter. 5 of them ask you to build something small from scratch; 5 give you code that is already broken and ask you to work out why. Set aside about 90 minutes for the whole set, though you can do them in any order.
Nothing here is marked by a person. When you press Submit, the editor checks your code against the points listed under each task and tells you straight away what passed and what didn't (you need a free account to submit). If you get stuck, there are hints, and a worked solution once you've had a go. The first 2 tasks are free; the rest are part of the practice plan.
If it's been a while since you read the chapter, here is how it starts: “The tag in HTML was used to define a specific region within a that could display a separate HTML document. Frames allowed web developers to split the browser window into multiple sections, each loading a different webpage. This tag is deprecated in HTML5 and replaced by more modern layout techniques using CSS Flexbox , Grid , or iframes .” .
1.Embed one panelexercise · easy · 10 min
Embed a page with a titled iframe.
Passes when: Embed a page with a titled iframe.
2.Two panelsexercise · easy · 10 min · practice plan
Embed two pages side by side.
Passes when: Embed two pages side by side.
3.Size the panelexercise · easy · 10 min · practice plan
Give the iframe explicit dimensions.
Passes when: Give the iframe explicit dimensions.
4.Title every panelexercise · easy · 10 min · practice plan
Give both frames accessible titles.
Passes when: Give both frames accessible titles.
5.A two-panel layoutexercise · medium · 10 min · practice plan
Build a container holding two titled, sized iframes.
Passes when: Build a container holding two titled, sized iframes.
6.Fix the frame elementbug fix · easy · 8 min
frame was removed from HTML5; use an iframe.
Passes when: frame was removed from HTML5; use an iframe.
7.Fix the missing second panelbug fix · easy · 8 min · practice plan
Only one page was embedded.
Passes when: Only one page was embedded.
8.Fix the size set only in CSSbug fix · easy · 8 min · practice plan
Give the frame real width and height attributes.
Passes when: Give the frame real width and height attributes.
9.Fix the untitled second framebug fix · easy · 8 min · practice plan
Every frame needs a title.
Passes when: Every frame needs a title.
10.Fix the panels with no containerbug fix · easy · 8 min · practice plan
Wrap the frames so CSS can lay them out.
Passes when: Wrap the frames so CSS can lay them out.
Between them these tasks cover Removed elements, iframe replacement and Layout.
Looking for a different chapter? See every practice set, or switch to the interview theory questions.