So far we've only looked at very simple tables. Let's try one a little more complicated.

Example

<TABLE BORDER=2>
<TR>
<TD>This is the first ROW and the first DATA CELL of this TABLE</TD>
<TD>This is the first ROW and second DATA CELL of this TABLE</TD>
</TR>
<TR>
<TD>This is the second ROW and third DATA CELL of this TABLE</TD>
<TD>This is the second ROW and fourth DATA CELL of this TABLE</TD>
</TR>
</TABLE>

There can be as many Table Rows and Data Cells as the Web Designer wishes to have in a Table.

The Designer can also create a Table with a border of 0. This would display the information in a precise layout without looking like it was in a table.

Example

<TABLE BORDER=0>
<TR>
<TD>This is the first Row and first Data Cell of this Table</TD>
<TD>This is the first Row and second Data Cell of this Table</TD>
</TR>
<TR>
<TD>This is the second Row and third Data Cell of this Table</TD>
<TD>This is the second Row and fourth Data Cell of this Table</TD>
</TR>
</TABLE>

Notice how the words seem to run together in that table? The Web Designer can add two other ATTRIBUTES in the TABLE tag to create more space for the contents of the cells.

CELLSPACING = some number (in pixels) The amount of space between the table cells
CELLPADDING = some number (in pixels) The amount of space between the edges of the cell and the contents

<TABLE BORDER=2 CELLPADDING=4 CELLSPACING=4>
<TR>
<TD>This is the first Row and first Data Cell of this Table</TD>
<TD>This is the first Row and second Data Cell of this Table</TD>
</TR>
<TR>
<TD>This is the second Row and third Data Cell of this Table</TD>
<TD>This is the second Row and fourth Data Cell of this Table</TD>
</TR>
</TABLE>