tables
- <table> attributes:
- bgcolor, width (800x600 = 745x415 pixels), border
- ALIGN - left, right, center, justify, char
- CELLSPACING - space between cells cellpadding = margins inside each cell
- COLS - number of columns in table
- TITLE - allows you to title each column, which pops up when you mouse over.
| FRAME | - | which sides of border are visible: void (no frame), above (top only), below (bottom only), hsides (top and bottom), vsides (left and right), lhs (left only), rhs (right only), box (all sides), border (all sides) |
RULES | - | which rules appear between columns and rows: none, groups (rules appear between groups), rows (rules appear between rows), cols (rules appear between columns), all (rules appear between all elements). |
- <TBODY> attributes:
- ALIGN - left, right, center, justify, char VALIGN - top, bottom, middle, baseline
- CHAR - sets a character on which the column aligns
- <TR> attributes:
- ALIGN - left, right, center, justify, char VALIGN - top, bottom, middle, baseline
- CHAR - sets a character on which the column aligns
- <TD> attributes:
- ALIGN - left, right, center, justify, char VALIGN - top, bottom, middle, baseline
- CHAR - sets a character on which the column aligns
- colspan ROWSPAN
- NOWRAP - turns off character wrapping
- TITLE - allows you to title each column, which pops up when you mouse over.
- bgcolor BACKGROUND - image
- <THEAD> (Table Header) attributes:
- ALIGN - left, right, center, justify, char VALIGN - top, bottom, middle, baseline
- CHAR - sets a character on which the column aligns
- <TH> (Table Header Divisons - like TD but bold) attributes:
- ALIGN - left, right, center, justify, char VALIGN - top, bottom, middle, baseline
- CHAR - sets a character on which the column aligns
- colspan ROWSPAN
- NOWRAP - turns off character wrapping
- bgcolor BACKGROUND - image
- <TFOOT> (Table Footer) attributes:
- ALIGN - left, right, center, justify, char VALIGN - top, bottom, middle, baseline
- CHAR - sets a character on which the column aligns
- If you need your cell to be smaller than one space, but still show up, use: <EMBED HEIGHT="1" width="1" ALT="."<>/EMBED>
table EXAMPLES
|
Table using RULES="rows" to put the borders only between the Rows.
First Row in this table contains TH's instead of TD's.
TH 1 |
TH 2 |
TH 3 |
Rowspan ="2" |
114.55 |
1.45 |
24114.55 |
478157.45 |
Colspan ="3" |
|
Same Table without the RULES attribute. TH has been changed to TD, de-bolding text
TD 1 |
TD 2 |
TD 3 |
Rowspan ="2" |
114.55 |
1.45 |
24114.55 |
478157.45 |
Colspan ="3" |
|
Table within a Table
Both have a border of 2
bgcolor of outer Table is Red, bgcolor of inner Table is White
|
| |
|
|
Table within a Table
Both have a border of 2
bgcolor of outer Table is Fuschia, bgcolor of outer Cell is White
|
| |
|
|
Table within a Table
Both have a border of 2
bgcolor of both Tables is Yellow, bgcolor of all Cells is White
|
| |
|
|
Table within a Table
Both have a border of 2
bgcolor of both Tables is Green, bgcolor of all Cells is White
Outer Table has no Padding, Spacing, or Border
|
| |
|
|
Table within a Table
Both have a border of 0
bgcolor of outer Table is Blue, bgcolor of inner Table is White
|
|
|
Table within a Table
Both have a border of 0
bgcolor of outer Table is Purple, bgcolor of outer Cell is White
|
|
|
Table with a border of 2 and FRAME=hsides
|
|
Table with a border of 2 and FRAME=Above
|
|
Table with a border of 2 and FRAME=vsides
|
|
Tables |
with |
|
colored |
cells |
|
and white |
borders |
|
Tables |
with |
colored |
cells |
and white |
borders |
|
|
|
|