Tables

Here is a small sample table.

Here is Row 1, Column 1.	Here is Row 1, Column 2.
Here is Row 2, Column 1.	Here is Row 2, Column 2.

And here is the coding for this table.

<table border="1" width="100%">
<tr>
<td>Here is Row 1, Column 1.</td>
<td>Here is Row 1, Column 2</td>
</tr>
<tr>
<td>Here is Row 2, Column 1</td>
<td>Here is Row 2, Column 2</td>
</tr>
</table>

And here is a breakdown of these tags.

<table opens the table.
border="1" sets the border around the table to 1. For a bigger border, choose a bigger number. For no border, choose 0.
width="100%"> sets the width for the table. 100% is for the whole width of the screen. 50% would take up half the width of the screen.
<tr> opens the first row.
<td> opens the first column (of the first row). It is followed by the content for that cell.
</td> closes the first column (of the first row). It follows the content for that cell.
<td> opens the second column (of the first row). It is followed by the content for that cell.
</td> closes the second column (of the first row). It follows the content for that cell.
</tr> closes the first row.
<tr> opens the second row.
<td> opens the first column (of the second row). It is followed by the content for that cell.
</td> closes the first column (of the second row). It follows the content for that cell.
<td> opens the second column (of the second row). It is followed by the content for that cell.
</td> closes the second column (of the second row). It follows the content for that cell.
</tr> opens the second row.
</table> closes the table.

Here is a more complex table.

Name	Age	Home Town	Hobby
Bertha	45	Dundas	Rug-Hooking
Horace	27	Hamilton	Stamp Collecting

See if you can understand the coding for this table.

<center>
<table border="2" width="80%">
<tr>
<td><center><strong>Name</strong></center></td>
<td><center><strong>Age</strong></center></td>
<td><center><strong>Home Town</strong></center></td>
<td><center><strong>Hobby</strong></center></td>
</tr>
<tr>
<td>Bertha</td>
<td>45</td>
<td>Dundas</td>
<td>Rug-Hooking</td>
</tr>
<tr>
<td>Horace</td>
<td>27</td>
<td>Hamilton</td>
<td>Stamp Collecting</td>
</tr>
</table>
</center>

Finally, here is a table that is being used for layout.

Here is a banner for McMaster University. McMaster is in Hamilton, Ontario, Canada. It is the most rockin' university in the world. McMaster students are smart and cool, and they are the envy of all other university students (even those who go to Western).

And here is its coding

<table border="0" width="100%">
<tr>
<td><IMG SRC="mcbanner.gif"</td>
<td>Here is a banner for McMaster University.
McMaster is in Hamilton, Ontario, Canada.
It is the most rockin' university in the world.
McMaster students are smart and cool, and they are
the envy of all other university students (even
those who go to Western).</td>
</tr>
</table>