Codesupplier.com

free html codes for your website

Block Border - Web Table

The tables below shows 4 Columns and 3 Rows. Look below the following table to see how to construct your own Block Border Web Table.

 

Column 1 Column 2 Colunm 3 Colunm 4
Row 2 Row 2 Row 2 Row 2
Row 3 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>.   

<TABLE BORDER="4" CELLPADDING="2"  CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
<TD>Colunm 3</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 BORDER="4" CELLPADDING="2"  CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
<TD>Colunm 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 people</TD>

< Go Back to Tables List