Xhtml Table Layout and Design

Data Alignment-Horizonal and Vertical

Text alignment refers to the placement of text, either left, center or right. Table data alignment is written
<td align="center"> Vertical alignment values are top, middle, or bottom. valign="top"

Table width is 100% and height is 70%. If alignment problems exist, use CSS to align objects. See Text Cell Alignment
Header Information
align=Left align=Centeralign=Right
valign=top
 
valign=bottom valign=middle

Table Borders and Caption

Table border attribute determines the outside thickness of the table. The widths are measured in pixels. The first table border is equal to 5 pixels.
<table border="5">
The caption is placed after the table element. It can be aligned top or bottom (default is top).

The second table border equals to 15 pixels. The caption is aligned bottom and the width is 90% whereas the 70% for the one above. <table border="15">

Width is 70%
Red #ff0000 Blue #0000ff
Orange #ff9933 Yellow #ffff00

 

Table width is 90%
Red #ff0000 Blue #0000ff
Orange #ff9933 Yellow #ffff00

Table Cell Padding Table Cell Spacing Column and Row Spanning

Web Design with XHTML Part II
Prince George's Community College
Doris Cuffey, Instructor