HTML >> Tables >> <TR ...>

<TR ALIGN="...">

<TR BGCOLOR="...">

Attribute for <TR ...>
VALIGN = TOP | MIDDLE | BOTTOM | BASELINE

this code	produces this
<TR VALIGN=TOP>	Fruit Largest State Producer
<TR VALIGN=MIDDLE>	Fruit Largest State Producer
<TR VALIGN=BOTTOM>	Fruit Largest State Producer

BASELINE requires a few extra words of explanation. The baseline is the imaginary line on which rest all the letters in a line of text. BASELINE sets the row so that all the cells share the same baseline. Most of the time this has the same effect as BOTTOM, but if the fonts are different sizes then BASELINE is looks better.

VALIGN=BOTTOM aligns the cells along the bottom of the text
VALIGN=BASELINE aligns the cells along the baselines of the text

So, for example, the font size is set larger in the second cell in the first row, but the cells align along their baselines:

<TR VALIGN=BASELINE> 
   <TH>fruit</TH> 
   <TH STYLE="font-size:300%">jury</TH> </TR>

which gives us this table

fruit	jury
watermelon	Georgia
apples	Washington

<TR ALIGN="...">

<TR BGCOLOR="...">

Copyright 1997-2002 Idocs, Inc. Written by Miko Sullivan.