All of the table examples below have a copy and paste code. However, I will give you a brief description of the terms used. You can then play around and build tables of your own.

*The "table border" is what encloses the entire table. In some examples, there will be multiple "table borders". The size of the border is determined by the number of pixels. It can be "0", with no border, or up to as wide as you want. See Use Of Pixles

*The "cellpadding" is the space within the table "cell" or section.

*The "cellspacing" is the space between each cell.

*The "tr" is the table row. There can be as many table rows as needed.

*The "th", table header, is where you put the content of each secion in each row. This can be all text or a combination of text and graphics. The text will be in bold print. Put only as many sections as will fit across your page. Each secion is ended with a </th>, and each row of sections is ended with a </tr>.

*The "td" is table data. This is where you can change the basic format of the table such as the size of the cell.

*"colspan" is the number of columns spanned by the cell. So if you used <td colspan="2">, the cell in that table row would be the width of 2 of the "th" sections.
*"rowspan" is the number of rows spanned by the cell. So if you used <td rowspan="2">, that cell would be the height of 2 of the "th" sections.

*You can also determine the placement of text in the "td" section by using <td align="right" valign="bottom">. This will place your text at the right of the cell and at the bottom.

*"align" is for horizontal placment. If you do not specify, the placement will be on the left.

*"valign" is for vertical placement. If you do not specify, the placement will be in the middle.

*Each "td" or set of "tds" will be enclosed in a <tr> and </tr>

Let me give you a quick example.

This is a regular "th" cell.	And another "th" cell.	And another "th" cell.	And another "th" cell.
This cell spans 2 columns and is the width of the 2 cells above.		This one is the same size as the cell above, but it is still a "td" command.	This cell spans 2 rows and is the height of the 2 cells to the left.
This is a standard size cell.	This is a standard size cell.	Text is right top.

Because the 2 bottom rows have different sized cells they both are done in the "td" command and not the "th" command. You will also see in some of the examples below that you can play with colors and backgrounds in your tables. Sounds like Greek, huh?...well you will get the hang of it the more you work with tables.
You can get the code for this sample table and play around with it.
Code Here

**********************


This is a nice table to show off your favorite photo.
Like this one my son and me :o)




Or try putting background instead of colors.

Just replace the
<bgcolor="COLOR">
with
<background="URL OF BACKGROUND">




Get the code for this table:

Here

************

Or several photos.

Get the code for this table:

Here

************

A double bordered table.

This is a nice table to use for your links.

NAME OF SITE NAME OF SITE NAME OF SITE NAME OF SITE NAME OF SITE NAME OF SITE NAME OF SITE NAME OF SITE NAME OF SITE

Get the code for this table:

Here

************

CAPTION HERE

NAME OF SITE	NAME OF SITE	NAME OF SITE
NAME OF SITE	NAME OF SITE	NAME OF SITE

Get the code for this table:

Here

************

If you have a question on Tables email me.

Mail Box

Return to Ask4Help