Web designers who do not know CSS will usually use tables with HTML to create the layout of their website. To do this all you have to do is what we have been doing above. To keep it from being obvious that it is a table usually the designer will not use borders. If you want to start creating your own table you can easily do so with the information you have been given in this tutorial. Mostly like you will be using the colspan, width, height, and possibly the align attributes to set it up. Below I have a sample layout that covers the whole page, has a header and footer, along with a body that has three columns with different colors. It may not look pretty but it is just a basic layout.
<table width="100%" cellspacing="0px" cellpadding="5px">
<tr><th colspan="3" height="100px" bgcolor="green" align="center">Header!</th></tr>
<tr align="center">
<td height="400px" width="20%" bgcolor="red">Column 1</td>
<td width="60%" bgcolor="gray" align="left">Column 2</td>
<td width="20%" bgcolor="blue">Column 3</td>
</tr>
<tr><td colspan="3" align="center">This is the footer!</td></tr>
</table>
If you look at the table tag, you can see that I have made the table’s width 100% meaning it will spread across the whole page. I made the cellspacing, which would be the space between each of the cells, to 0px. This way there is no white space between the colors. Also the cellpadding is 5px. This means the text will not get closer than 5px to the edge of the cell. If you test the coding above out you will see this in the center column.
This is just a very basic layout, if you want to play with the one above and test new things out, I highly suggest it. If you would rather start from scratch, even better. The more HTML you do on your own the sooner you will begin automatically knowing how to do it.






