Tables

Return to Primer Index

Tables are valuable to know and use because they give you the ability to locate text blocks or graphics anywhere on a page, using such old and simple html technology, that probably ANY browser will have no trouble decoding and displaying the page with good consistancy from one browser to the next. They are not that hard to do by hand, but I save a bunch of time letting Dreamweaver rough one out just to get started. They are easily modified from within Dreamweaver.

Here's a simple example:

Here's the HTML code behind this table:

<table width="37%" border="2" cellspacing="3" cellpadding="3" bordercolorlight="#000000" bordercolordark="#000000" bgcolor="#CCCCFF" bordercolor="#FFFFFF"> <tr> <td>Us</td> <td>6</td> <td>7</td> </tr> <tr> <td>Them</td> <td>7</td> <td>8</td> </tr> </table>

Here it is organized so you can see what's going on:

<table width="37%" border="2" cellspacing="3" cellpadding="3" bordercolorlight="#000000" bordercolordark="#000000" bgcolor="#CCCCFF" bordercolor="#FFFFFF">
<tr>
<td>Us </td>
<td>6 </td>
<td>7 </td>
</tr>
<tr>
<td>Them </td>
<td>7 </td>
<td>8 </td>
</tr>
</table>

First you define the general charactoristics of the table, then you start dumping the data into it, first all the columbs of the first row, then the columbs in the next row. It continues like that. You can also put tables inside of tables.