align = left|center|right 
  Permitted values:
    left: The table is to the left of the document.
    center: The table is to the center of the document.
    right: The table is to the right of the document.

Here are the three "align" examples:


This example shows what happen with an align="left"

We start with this text that appears before the <TABLE > tag

 
this is a table with one cell
and a TABLE attribute of:

align="left" attribute
 

This text appears

in the HTML immediately

AFTER the table

(shown to the left)

ends. The text follows the

</TABLE> tag.

Notice that this text

flows around the table.

It continues until it

finally wraps PAST

the end of the table.

This text appears

before the <TABLE> tag

 
this is a table with one cell
and a TABLE attribute of:

align="center" attribute
 
This text appears

in the HTML immediately

AFTER the table ends.

The text follows the

</TABLE> tag.

Notice that this text doesn't

flows around the table.


This text appears

before the <TABLE> tag

 
this is a table with one cell
and a TABLE attribute of:

align="right" attribute
 
This text appears

in the HTML immediately

AFTER the table

(shown to the right)

ends. This text follows the

</TABLE> tag.

Notice that this text doesn't

flow around the table.


 width = number or %

This attribute specifies the desired width of the entire table and is intended
for visual user agents. When the value is a percentage value, the value is relative
to the user agent's available horizontal space. In the absence of any width specification,
table width is determined by the user agent.

 
this is a table with one cell
and a TABLE attribute of:

width="100" attribute
 

 
this is a table with one cell
and a TABLE attribute of:

width="200" attribute
 

 
this is a table with one cell
and a TABLE attribute of:

width="50%" attribute
 

 
this is a table with one cell
and a TABLE attribute of:

width="100%" attribute
 

Note that BOTH the % examples calculate the % based on the width of the open window (in this case it IGNORS the fact that the table is inside a list that has indents.


  bgcolor (background color)

uses either:
#rrggbb (e.g., #00aa00 -- three 2 hexadecimal character hexadecimal
     (00 thru ff) for red, green and blue)
#rgb (e.g., #0c0 -- each single hexadecimal digit is double up,
     so #48a is converted to #4488aa)
rgb(x,y,z) where x,y and z are integer betweens 0 and 255 inclusive
     corresponding to none(0) to maximum intensity(255) for red green then
     blue (e.g., rgb(204,0,0) is a medium bright red)
rgb(y%,y%,y%) where y is a number between 0.0 and 100.0 inclusive
     (e.g., rgb(0%,80%,0%))
color names (see the 147 color names here

 
this is a table with one cell
and a TABLE attribute of:

bgcolor="rgb(204,0,0)" attribute
 

 
this is a table with one cell
and a TABLE attribute of:

bgcolor="LavenderBlush" attribute
 

  border = number

 
this is a table with one cell
and two TABLE attributes:

bgcolor="rgb(204,0,0)" attribute
and

border="0"


 


 
this is a table with one cell
and two TABLE attributes:

bgcolor="rgb(204,0,0)" attribute
and

border="1"


 

 
this is a table with one cell
and two TABLE attributes:

bgcolor="rgb(204,0,0)" attribute
and

border="4"


 

cellspacing = number (this space in BETWEEN the table cells)
cellpadding = number (the space INSIDE the table cell between the content and the cell walls)

this is a table with two rows with cells
and a TABLE attributes:

cellspacing="0"
Note that the cells have
no space between them
vertically
here is some extra text
to demonstrate
here is some extra text
to demonstrate

this is a table with two cells
and a TABLE attributes:

cellpadding="0"
Note that the cells have
no space between them
vertically
here is some extra text
to demonstrate
here is some extra text
to demonstrate

this is a table with two rows with cells
and a TABLE attributes:

cellspacing="10"
Note that the cells have
no space between them
vertically
here is some extra text
to demonstrate
here is some extra text
to demonstrate

this is a table with two cells
and a TABLE attributes:

cellpadding="10"
Note that the cells have
no space between them
vertically
here is some extra text
to demonstrate
here is some extra text
to demonstrate

this is a table with two rows with cells
and two TABLE attributes:

cellspacing="0"
and
cellpadding="0"
Note that the cells have
no space between them
vertically
here is some extra text
to demonstrate
here is some extra text
to demonstrate


this is a table with two rows with cells
and two TABLE attributes:

cellspacing="10"
and
cellpadding="10"
Note that the cells have
no space between them
vertically
here is some extra text
to demonstrate
here is some extra text
to demonstrate

Start tag: required, End tag: optional


bgcolor (background color)


cell A
cell B
cell C
cell A
this row has a <TR> tag with:
bgcolor="rgb(127,127,127)"
cell B
cell C
cell A
cell B
cell C

Start tag: required, End tag: optional

rowspan = number
This attribute specifies the number of rows spanned by the current cell.
The default value of this attribute is one ("1").



cell row 1 col 1
cell row 1 col 2
cell row 1 col 3
cell row 1 col 4


cell row 2 col 1
cell row 2 col 2
AND
row 3 col col2
this cell has:
rowspan="2"
cell row 2 col 3
cell row 2 col 4


cell row 3 col 1
cell row 3 col 3
cell row 3 col 4



colspan = number

This attribute specifies the number of columns spanned by the current cell.



cell row 1 col 1
cell row 1 col 2
cell row 1 col 3
cell row 1 col 4


cell row 2 col 1
cell row 2 col 2
AND
row 2 col col 3
this cell has:
colspan="2"
cell row 2 col 4


cell row 3 col 1
cell row 3 col 2
cell row 3 col 3
cell row 3 col 4



Then of course there is the case:



cell row 1 col 1
cell row 1 col 2
cell row 1 col 3
cell row 1 col 4


cell row 2 col 1
cell row 2 col 2
&
row 2 col col 3

cell row 3 col 2
&
row 3 col col 3
this cell has:
colspan="2"
AND
rowspan="2"
cell row 2 col 4


cell row 3 col 1
cell row 3 col 4


cell row 4 col 1
cell row 4 col 2
cell row 4 col 3
cell row 4 col 4



width = length
Deprecated. This attribute supplies user agents with a recommended cell width.



this cell has width="100"
this cell has width="200"
this cell has width="300"


height = length
Deprecated. This attribute supplies user agents with a recommended cell height.


this cell has height="50"
this cell has height="100"
this cell has height="150"



bgcolor (background color)

see above


align = left|center|right

-- horizontal alignment in cells --

This attribute specifies the alignment of data and the justification of text in a cell.
Possible values:

left: Left-flush data/Left-justify text.
      This is the default value for table data.
center: Center data/Center-justify text.
right: Right-flush data/Right-justify text.

In the following examples all table cells have their widths set to 200.



Cell A
the <TD> tag for this cell:
has an attribute:
align="left"
Cell B
the <TD> tag for this cell:
has an attribute:
align="center"
Cell C
the <TD> tag for this cell:
has an attribute:
align="right"





valign = top|middle|bottom

-- vertical alignment in cells --

This attribute specifies the vertical position of data within a cell.
Possible values:

top: Cell data is flush with the top of the cell.
middle: Cell data is centered vertically within the cell.
        This is the default value.
bottom: Cell data is flush with the bottom of the cell.

In the following examples all table cells have their widths set to 200.



Cell A
the <TD> tag for this cell:
has an attribute:
valign="top"
This Cell has more
data than
the ones to the right
creating some extra height
Cell B
the <TD> tag for this cell:
has an attribute:
valign="middle"
Cell C
the <TD> tag for this cell:
has an attribute:
valign="bottom"