• Copy "content_a.html", "content_b.html", "frameset_a.html", "nestedContent_a.html", and "text_a.html" from your previous lab and reuse them for this lab.
• Create a XHTML page called "index.html".
  • Set the bgcolor of the body tag to "#ffffcc" so that you will be able to see the iframe better.
  • Create a table with 1 row and 5 columns.
    • border: 0, cellpadding: 2, cellspacing: 2, width: 700
    • Contents of the cells: | Content A | Content B | Frameset | Purdue | College of Technology |
    • Link each of the words or phrases to the appropriate file or web address.
    • Set the target of the anchor tags to "content" so that it targets the iframe.
    • In the opening <tr> tag, add align="center" to center the text in each of the cells in that row.
  • Add a horizontal rule below the table. width: 700, align: left
  • Add an <iframe> below the horizontal rule
    • name: content, width: 700, height: 400, align: left, frameborder: 1, scrolling: auto, src: content_a.html
• Try the page in a browser. Clicking each of the content pages should load that content page into the iframe. Clicking the Frameset link should load the frameset page into the iframe. Clicking Purdue should load the Purdue home page into the iframe. Clicking College of Technology should load the CoT home page into the iframe.

Solution Images:

1. Image showing a page of the solved exercise: Exercise 09