Welcome to ITarama - HTML tables

This site proudly sponsored by:

Other ITarama affiliates:


ITarama recommends:

HTML tables

Next we will look at how to create tables. Tables are considered scary by many people who have tried to learn them. Simple tables are not that bad. Complex ones can be a pain in the neck. The best piece of advice is to take your time and be careful when designing them.

Here is an example of a simple table:

This is cell one	This is cell two	This is cell three
This is cell four	This is cell five	This is cell six

The code used to create the above table is:

<table border="1">
  <tr>
   <td>This is cell one</td>
   <td>This is cell two</td>
   <td>This is cell three</td>
  </tr>
  <tr>
   <td>This is cell four</td>
   <td>This is cell five</td>
   <td>This is cell six</td>
  </tr>
</table>

The <table border="1"> opens the table and gives it a one pixel border and the <tr> and </tr> tags open and close each table row and the <td> and </td> tags open and close each table cell. The "td" stands for "table data".

That's all for simple tables for now. Just remember...be careful.