The table below shows 3 Columns and 3 Rows. Look below the following table to see how to construct your own Grid Border Web Table.
| Column 1 | Column 2 | Column 3 |
| Row 2 | Row 2 | Row 2 |
| Row 3 | Row 3 | Row 3 |
If you want the exact html code for the above example please click here.
Step 1 - Use the below code to begin your Web Table. You can delete/add columns by adding or taking away the <TD>Column</TD>. You can change the colour of the whole table by pasting a colour code (click here) into the BORDERCOLOR tag (in red font).
<TABLE BORDER="2" BORDERCOLOR="#000066" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>
Step 2 (same for all web tables) - To add rows place a <TR> tag below the Colunm </TR> tag. Once you have done this place <TD>Row 2</TD> below the <TR> tag however many times you have used the columns. Once you have done this close that row with </TR>. Simply repeat the process for however many rows you need.
Your html should look like the below code (you may have more or less rows or columns)...
<TABLE borderColor=#003300 cellSpacing=2 cellPadding=2 width="100%" border=2>
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
<TD>Column 3</TD>
</TR>
<TR>
<TD>Row 2</TD>
<TD>Row 2</TD>
<TD>Row 2</TD>
</TR>
<TR>
<TD>Row 3</TD>
<TD>Row 3</TD>
<TD>Row 3</TD>
</TR>
</TABLE>
Step 3 - Then replace the rows and columns with text of your own choice. E.G. <TD>Number of cars</TD>