Tables

Tables are used on many websites and pages. Here are a few examples and table definitions.

This is a very simple table, it has two 'boxes' which are known as cells

Cell 1

Cell 2

<table border="1"> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> </table>

You can also put color in them and make the border bigger to look more stylish

Cell 1	Cell 2
Cell 3	Cell 4

<table border="8" bordercolor="#cc00ff"> <tr> <td bgcolor="#00CCFF">Cell 1</td> <td bgcolor="#CC00FF">Cell 2</td> </tr> <tr> <td bgcolor="#00FF00">Cell 3</td> <td bgcolor="#FFFF00">Cell 4</td> </tr> </table>

Table Definitions

Border
Adding this to your table tag lets you specify whether or not your table has borders.

Bgcolor
You can add this tag to change the background color of your table, row, or table cells. You can make each row a different color, even the different cells can be different colors.

Align
This tag helps you align your text in the table, row or cell. If you don't add it, your image or text will be aligned to the left (it's the default). You can specify center or left to change the alignment.

Valign
This tag aligns your table vertically. If you don't change it to "top" or "bottom" your information in your table will be aligned vertically in the center.

Cellpadding
This sets the margins inside of your table cells on all four sides of your cell.

Cellspacing
This sets the spacing between your table cells.

Bordercolor
This tag sets the border color.

Rowspan
Adding this creates a column that spans your rows vertically, it can span all or some of your rows.

Colspan
The colspan tag makes the data cell stretch over two or more columns.

Hope that helps ! I did not write this tutorial and would like to thank Lissaexplains.com