USING TABLES TO CONTROL THE LOOK OF YOUR PAGE

Look at the source code for this page. You can copy the tables and paste them onto your web pages, and then replace the cell contents with your own contents.

Attributes

table (cite the width in percentage and cite border width 0, 1, 2, etc. )

tr = table row

td = Table data (cell)

/td = close table data

/tr = close the row

/table = close the table

Remember these attributes all must appear in < > enclosures.

Here is how the html code might be written:

[<center><table width = "80%" border = "1">
<tr>
<td>This is text in a cell</td> <td>More text in a cell</td> <td>Even more text in a cell</td>
</tr>
<tr>
<td>This is text in a cell</td> <td>More text in a cell</td> <td>Even more text in a cell</td>
</tr>
<tr>
<td>This is text in a cell</td> <td>More text in a cell</td> <td>Even more text in a cell</td>
</tr>
</table></center>]

It might appear like this:

This is text in a cellMore text in a cellEven More text in a cell
This is text in a cellMore text in a cellEven More text in a cell
This is text in a cellMore text in a cellEven More text in a cell

A Table With One Row, Three Columns

Here I am putting in some text that will adjust itself to the cell.




Another Three Column Table




Two Row Three Column Table

Now I have decided to use the table to control the look of the page. Table cells will expand as you put more data into them. Play with them and see what the results might be.