Table

Here is a rather fancy table. It contains most of the techniques that you will ever need. Use the view menu on your browser to see the code and comments, which show how it was created. Press this link Back to Graphics or the back button on your browser to return to the section on graphics.

R1C1 A table inside a table

R1C2 Some text is in here. Really it's just a whole lot of text, but notice that the background color is different. Notice also that the choice of the background graphic and color create an optical illusion that makes the top edge of this cell look a little wavy.

R2C1Spanning two columns. The use of the colspan="2" attribute in this data cell means that only one data cell is used in this row.

R3C1 Spanning two rows with rowspan="2". This means that the following rows will have fewer data cells until the span is complete. I have set the width of this element to be wider than that of R1C1, so this will take precedence, and the width will be 200 rather than 120 pixels.

R3C2 Some text

R4C2 Some text. Because of the rowspan used in the row above, this is the only data cell in this row and notice that because no background color is specified the original page background shows through.

Link1 Link2 Link3

Created on ... January 23, 2005