1. Home
  2. Computing & Technology
  3. Web Design / HTML

HTML Tables Tutorial

By Jennifer Kyrnin, About.com

5 of 6

The First Columns

Finally, in that row, you need three columns. Don't forget to end your columns with the </td> tag.

<td>Row 1 Column 1</td>
<td>Row 1 Column 2</td>
<td>Row 1 Column 3</td>

You should also end your rows with the </tr> tag. Some browsers don't need it, but you want your page to be compatible with the most people, right?

</tr>

Then you have your first row!. Repeat it twice more for your 3 x 3 table:

<tr>
<td>Row 2 Column 1</td>
<td>Row 2 Column 2</td>
<td>Row 2 Column 3</td>
</tr>

<tr>
<td>Row 3 Column 1</td>
<td>Row 3 Column 2</td>
<td>Row 3 Column 3</td>
</tr>

Finally, you should always remember to end your tables. Again, some browsers don't require it, but other browsers will show a blank page without the final </table> which can be very disheartening after all the work you've done to create the table.

</table>
Explore Web Design / HTML
About.com Special Features

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

Easy ways to connect two computers for networking purposes. More >

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. About.com Web Design A to Z
  5. Web Design Articles A-H
  6. Web Design/HTML Articles H
  7. HTML Tables Tutorial

©2009 About.com, a part of The New York Times Company.

All rights reserved.