Tables Tutorials
Here you will find how to create tables. Copy&Paste the example codes below into Notepad or Wordpad so you can change the table to fit your prefrences. Once you've completed the table code in Notepad or Wordpad copy&paste that between the <body></body> tags of your html wherever you want the table to be. For further assistance please email me. Thank you.
Creating a Simple Table
Setting The Width and Alignment of Cells and The Table
Basic Way For Adding a Colored Border to The Table
Spanning a Cell Across Columns
Controlling Space In and Around Cells
Add Color or Background to The Table/Cells
To Create a Simple Table:
1. Type <table border="0">
2. Type <tr> to define the beginning of the row.
3. Type <td> to define the beginning of the cell.
4. Type the contents of the cell for instance I typed:
   
Welcome To My Page in my first cell in the example below.
5. Type </td> to complete the cell.
6. Repeat steps 3-5 for each cell in the row.
7. Type </tr> to complete the row.
8. Repeat steps 2-7 for each row.
9. To finish the table, type </table>
Copyright 2005- CasandysDesigns.com
All Rights Reserved
For the Color Chart Click Here
To make a colored border:
1. Type <TABLE BORDER=10 BORDERCOLOR="#rrggbb">, where 10 is the size of your border and where rrggbb is the hexadecimal code for the color of your border

Note: If you don't want a border type this instead <TABLE BORDER="0">
You can Copy&Paste the example code below to get started.
To set the width and alignment of a cell or table:
1. In the <TD or <TABLE tage, type width=c, where c is the desired width
    of the cell or of the entire table, in pixels.
2. In the <TD or <TABLE tag, type align=center. You can align your cell
    to be either right, center, or left or valign=middle. You can align your
    cell to be either top, middle, bottom, or baseline.
You can Copy&Paste the example code below to get started.
You can Copy&Paste the example code below to get started.
To span a cell across two columns:
1. When you get to the point in which you need to define the cell that spans more than one column, type <TD COLSPAN=c> where c equals the number of columns the cell should span.
2. Type the cell's contents.
3. Last type the closing </TD>
You can Copy&Paste the example code below to get started.
To control space in and around cells:
1. Simply type within the <TABLE tag
2. Type CELLSPACING=c, where c is the number of pixels desired between each cell.
3. Type CELLPADDING=c, where c is the number of pixels desired between the contents and the walls of the cell.

Note: Cellspacing adds space between cells. Cellpadding adds space within a cell, around its contents and its border. To not have any space at all simply just put <table cellspacing="0" cellpadding="0">
You can Copy&Paste the example code below to get started.
To change a cell's color:
1. Within the <TD tag, type BGCOLOR="#rrggbb"
2. Where rrggbb is the hexidecimal representation of the color you want.

Note: If you would like the whole table to have the same bgcolor simply use this instead <TABLE BGCOLOR="#rrggbb"
You can Copy&Paste the example code below to get started.
You can Copy&Paste the example code below to get started.
To use a background image for a cell:
1. Within the <TD tag, type BACKGROUND="image.gif"
2. Where image.gif is the the url of the image that you want
    to use as the background for your cell.

Note: If you would like the whole table to have the same background simply use this instead <TABLE BACKGROUOND="image.gif"
For the Color Chart Click Here