Developer Tips

This week in Web Developer Tips.
Examples of Tables
by Rick Harden:

In the following I will give you a few examples of how to script different types of tables. Tables are becoming the most popular way to lay out your web pages Today most web browsers have no problem reading tables.

A Simple Table:

Below is a simple 2x2 table.

<TABLE BORDER>
<TR>
<TD>Info cell 1</TD><TD BGCOLOR=blue>Info cell 2</TD>
</TR>
<TR>
<TD>Info cell 3</TD><TD>Info cell 4</TD>
</TR>
</TABLE>

Here is an example of the above code. You can also include the BGCOLOR=whatevercolor attribute into your <TD> tag like this <TD BGCOLOR=blue> to get a colored section of this table.

Info cell 1	Info cell 2
Info cell 3	Info cell 4

ROWSPAN:

This table will have the first Info cell span two rows.

<TABLE BORDER>
<TR>
<TD ROWSPAN=2>This cell spans 2 rows</TD>
<TD BGCOLOR=blue>All other</TD><TD>info would</TD>
</TR>
<TR>
<TD>be in</TD><TD>these cells</TD>
</TR>
</TABLE>

Here is an example of the above code.

Cell spans 2 rows

All other

info would

be in

these cells

COLSPAN:

In this table the right upper Info cell will span two columns.

<TABLE BORDER>
<TR>
<TD>Info cell 1</TD>
<TD BGCOLOR=blue COLSPAN=2>Cell spans 2 columns</TD>
</TR>
<TR>
<TD>Info cell 2</TD><TD>Info cell 3</TD><TD>info cell 4</TD>
</TR>
</TABLE>

Here is an example of the above code.

Info cell 1	Cell spans 2 columns
Info cell 2

Info cell 3

Info cell 4