Buy New Penn Foster 418852
Turn to page 321 of the textbook and use the Practice Creating
iFrames exercise to create a page listing the Teenage Mutant
Ninja Turtles.
You’ll need to modify the music types pages
created earlier in your reading of the chapter to reflect the new
focus of the pages. Use CSS formatting to change the color of
each turtle’s name in the frame to the color of the headband
each one wears. After completing the pages, validate the code
using the XHTML validator at http://validator.w3.org/.
322 HTML & XHTML Demys tified
Practice Creating iFrames
In this final section, you will create a web page holding four iFrames. Each iFrame will hold one of the music pages created earlier. You will place the iframe inside of a div positioned using CSS.
1. Create a new document based on your template called 1. iframes.html. Save it in the chapter 12 folder.
2. Create a new CSS document called 2. chapter12.css.
3. Link the iframes.html file to the chapter12.css file.3.
4. Inside the CSS file create two generic classes called .left and .right.4.
.left{
}
.right{
}
5. Set the width and height of the .left class to 50% of the page. Set the float 5. property to left. Set the clear option to clear both.
float: left;
wid th:50%;
height:50%;
clear:both;
6. Set the width and height of the .right class to 50%. Set the float pr property 6. to right.
float:right;
width:50%;
height:50%;
7. Save your CSS document.
8. Switch to the iframes.html file in your editor.8.
9. Create a div tag using the .left class.
10. Inside this div, create an iframe utilizing 80% of the div size. Set the src to country.html.
11. Create a div tag using the .right class. Inside this div, create an iframe 11. utilizing 80% of the div size. Set the src to pop.html.
12. Create a div tag using the .left class. Inside this div, create an iframe utilizing 80% of the div size. Set the src to rap.html.
13. Create a div tag using the .right class. Inside this div, create an iframe utilizing 80% of the div size. Set the src to rock.html.
14. Save and view your page in a browser. It will look like this image:
15. The final code listing for the iframes appears in Code Blocks 12-13.
Code Block
Want Guide to Penn Foster?
We recognize the dire scenario of university college students. If you are wondering, can I pay someone to take my exam, then we have got given you covered. Time is of the essence, and university college students can not take any possibilities concerning exams. To help our university college students in the one’s circumstances, we have got updated our operations from an hourly basis to 24/7, addressing university college students’ pay-a-man or woman-to-take exam now concerns. Our specialist’s artwork round the clock on your order. Moreover, our customer representatives are continuously online to soak up your hire for someone to take my examination queries. Get online classes, examinations, and direct assistance from Get Exam Done.
