Ok, what we've got is this...

<table>
<tr>
<td>Ed</td>
</tr>
</table>

...which gives us this:

First lets make it look more like a table and give it a border.

<table border="1">
<tr>
<td>Ed</td>
</tr>
</table>

IMPORTANT NOTE: Whenever you make a change to your document, just save it, then hit the Refresh/Reload button on your browser. In many instances just hitting the refresh button doesn't quite do the trick. In that case...

Internet Explorer users: Click Refresh while holding down the CTRL key.
Netscape/FireFox users: Click Reload while holding down the SHIFT key.

How about a bigger border?

<table border="5">
<tr>
<td>Ed</td>
</tr>
</table>

How about a HUGE border?

<table border="25">
<tr>
<td>Ed</td>
</tr>
</table>

How about NO border?

<table border="0">
<tr>
<td>Ed</td>
</tr>
</table>

As you can see, the default is (usually) no border.

Let's stick with a modest border for now.

<table border="3">
<tr>
<td>Ed</td>
</tr>
</table>

When no sizes are specified the table is only as big as it needs to be.

<table border="3">
<tr>
<td>Ed, Rick and Tom</td>
</tr>
</table>

Specifying a table size is pretty simple though.

<table border="3" width="100%">
<tr>
<td>Ed, Rick and Tom</td>
</tr>
</table>

How about this?

<table border="3" width="75%">
<tr>
<td>Ed, Rick and Tom</td>
</tr>
</table>

PageTutor - Table Tutor

Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

Tables Quick Reference      Barebones HTML Guide

Print version of this tutorial available - Get the PageTutor book & CD