The Basic Building Blocks of Creating a Table

The <table> tag is the most aspect in building tables. You can dictate how it looks and what you will receive is a very close example on a basic table.

The <table> tag attributes
Bgcolor like with the body tag, this sets the background color of any item. It works with tables as well and will be seen as the default color.
Width determines the width of the table and isn’t required. If you don’t put this in, the table will automatically adjust in terms of width.
Height it’s mainly for the height and how high you want the table to be. Not required at all and will adjust on its own if not with a set height.
Border determines the borders from outside the table to the table cells and isn’t required. The default is 0 and if you want to add more, just add border to the table.
Cellpadding it’s the distance of the cell wall from the contents.
Cellspacing sets the distance between cells and isn’t required. Again, it will do that automatically if not set.
Background can add a background image to the table. Only use this if you can make your text readable.

Examples

<table>
</table>

It is a necessary minimum for creation of the table
Here is the exact code with just about every value used and it goes like this:

<table bgcolor="gold" height="400" width="500" cellpadding="3" border="4" cellspacing="0">
</table>

None of these items are required but it does help however if you have specifics on how you want the table to look exactly. There are many lessons but I just wanted to give you an overview on how tables work. Keep on checking the rest of the tables tutorial. There are more lessons.

Back to the HTML tables menu.