Table Exercises

Do the following on a single web page and link to it from your main index page, making the link "homework 3" or "tables exercises."  Upload the revised index page and the new web page to the server.  

1. In Assignment 2, you aligned text with images by using the align attribute of the img tag.  In this assignment you will align text with images using tables, i.e. by putting text in one cell and the image in another cell.  You can use the same text and images as you used in assignment 2, or use different ones.  

Use some or all of the various attributes to get the effect you want:

• <table> tag attributes such as align, bgcolor, border, width, cellpadding, and cellspacing

• <tr> tag attributes such as align, bgcolor, and valign, and 

• <td> tag attributes such as align, valign, and width 

2. If your images are different sizes, you may achieve better alignment of text and images if you do one of the following:

• use a separate table for each combination of text and images

• use colspan or rowspan

• use nested tables

You may find it helpful to draw a sketch of the rows and columns before starting to code.

Revised: March 28, 2002