Tables are a very important element in designing a website. Tables can help you divide your pages into many different sections like, navigation bar section, banner section, logo section...etc. If you noticed, this page was made of one table that was divided into a couple of sections.

Basically to create a table, all you have to do is type the following tag: <table>

All you have to do now is to play with its properties and start making rows/columns so you can create a table just like you want it. Of coarse you can add all these properties to create an ultimate table using all it's properties.

• You can control the width and height of the table by inserting the following inside the <table> tag:

  width="#" and height="#"

• example: <table width="100" height="100"> which will create a table 100x100 pixels.
• You can control the table's border, where you can change its size, its colour or make it disappear, by inserting the following inside the <table> tag:
• border="0"                       placing a zero makes the border disappear
• border="#"                       placing any number changes the width of the border
• bordercolor="#color"       placing a color in the quotes changes the border's color


• You can change the alignment of the table by placing the following tag in the <table> tag:
align="Left" or align="center" or align="right"
• example: <table align="center"> to get a table that is in the middle of the page.
• you can control the background color or insert a background image for the table by placing the following in the <table> tag:
• bgcolor="#color"                change the value to change the colour of the table
• background="file.jpg"         change the file source to get a table background
• A table will not show on your page unless you divide it into cells. Cells are made up of rows and columns (squares) within the table.
• The following page will show you how to create table cells, control their size, spacing and properties.

---