Week 8 Table Exercise

Chapter 13 Homework

1. Read chapter 13
2. If you are using Microsoft Windows XP, go to "start ->My Documents"
3. Create a folder named "HTML Tables". (File-New-Folder)
4. Right-Click on the following link Chapter 13 Table Exercise and Save-Target-As to your HTML Tables folder
5. Open/edit the tableW8 file and save it as tableW8.htm or tableW8.html
6. Click on this example and make the following changes to the file:
   • between the table tags, add a table a table row open and close tag (page 552)
   • between the table row tags, add 3 sets of table heading tags with the column names
     • Name
     • City
     • Zip
   • Complete the rest of the table (add 6 rows of data to your table)
7. Have it working? Now add the following CSS style to your CSS style between your head tags:
   • add a table style for margin-left of 20% (e.g. table (margin-left: 20%} (page 560)
   • add to the table style for margin-right of 20% (e.g. table (margin-left: 20%}
   • save your file and test it in the browser. did the margins change?
   • now add a solid black border of 2px to the td and th tags (page 552)
   • try it. Does it work? Want extra credit?
   • extra credit: Create a class named row color and add it to every other tr tag (page 566)
   • make .rowcolor the color #cc6600
   • want more extra credit? make your own changes to the table to add a professional touch. change fonts, colors, borders or anything else you feel is needed to improve the appearance.
8. Add a comment to your web page and include the following information (<!-- comment -->)
1. Your name
2. The name of the class (IN112 HTML)
3. For your own information, did you validate the file?
9. Right-click on the HTML Tables folder and send-to a compressed file and rename with a descriptive name (example of a file name is b_ray_Week8.zip). Upload this file as your homework.