For this tutorial I will teach you how to make tables

Tables:

Code:
<table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="50%"></td> <td width="50%"></td> </tr> <tr> <td width="50%"></td> <td width="50%"></td> </tr> </table>

This is the table code for a 2x2 table if you wish to make it any different ether delete or enter more of this code (underneath).
This code is a code for every square that you want in the table.


Extra Squares:

Code:
<td width="50%"></td>

Now for a table with a border.

Border with table:

Code:
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border: 1 dotted #00FF00"> <tr> <td width="50%"></td> <td width="50%"></td> </tr> <tr> <td width="50%"></td> <td width="50%"></td> </tr> </table>

Once again this is a 2x2 table so if you  need to add more find the code above about extra squares and add the extra squares.

Border Editing:

On the code above if you wish to edit the type of border etc. The underlined section is what you need to edit.

<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border: 1 dotted #00FF00">

In the underlined section it states: border: 1 dotted #00FF00.
1. The First number which in this case is 1 is the width in pixels of your border.
2. The Second section is the type of border which in this case is a dotted one.
3. The the last section is the colour you wish to have your border.

So edit that section as you please till you have what you want.