Designing A Website Using Tables

"Basic Structure Of An HTML Table Layout" (see examples here)

1. Tables are defined with the <table>.....</table> tag
2. A table is divided into rows and defined with the <tr>.....</tr> tag
3. Each row is divided into cells and defined with the <td>.....</td> tag...(cells contain text, images, lists, etc.)
4. Headings in a table are defined with the <th>.....</th> tag
5. Table Headers are defined with the <h3>.....</h3> tag
6. A border is defined with the border tag (border="n")

width=n%.....Sets the width of your table as a percentage of the screen. The letter "n" represents the percentage that you assign. Example: you want the width of your table to be half the width of your screen - you would include the width="50%" command in the beginning table command.

cellpadding=n.....Adjusts the "vertical" dimension of cells. The letter "n" represents the numerical value that you assign.

cellspacing=n.....Sets the space or border around cells. The letter "n" represents the numerical value that you assign.

align=.....Horizontally aligns the data in cells (left; right; center). Example: you want to place the data in the center of each cell - you would include the align=center command within the row command.

valign=.....Vertically aligns the data in cells (top; middle; bottom). Example: you want to place the data in the middle of each cell - you would include the valign=middle command within the row command.

For more information on HTML tables and how to customize them with color, backgrounds, alignment, spacing, etc., visit my web page titled, "Customizing HTML Tables".

If you want to use tables to design your website, visit Iron Spider to view different column layouts, and to get the HTML source codes.