Table Tutorials - Part 2

So lets put some data into our table we made.

The source would now look like this:

<table width="80%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>Hi</td>
<td>Image or text here</td>
<td>></td>
</tr>
<tr>
<td></td>
<td></td>
<td>Hello</td>
</tr>
</table>

Notice how your text ( or images ) are inside of the <TD></TD> tags. You can put anything you want inside of these tags, including another table or any type of HTML will work.

Lets modify this table a bit.

Notice how the first cell in each row is now combined? This is done using the rowspan tag. Now the source looks like this:

<table width="80%" border="1" cellspacing="0" cellpadding="2">
<tr>
<td rowspan ="2">Hi</td>
<td></td>
<td>></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>

Notice the change and how it effects the table structure, and notice also how I increased the cellpadding to 2, and how it changes the content inside the cell a bit, its not so flush up against the cell wall.

HTML Table Tutorials, Part 3