Learn HTML Code Tutorial Reference Guide

Headers

In many table situations you'll find that you want to give a column or row a "title". In our table example, we might want to indicate that the columns are for names and telephone extensions. To do this we'll add two more cells at the top of the table using the <TH ...> (Table Header) tag:

<TABLE BORDER=2>
<TR> <TH>Name</TH>              <TH>Extension</TH> </TR>
<TR> <TD>Raha Mutisya</TD>      <TD>1493</TD> </TR>
<TR> <TD>Shalom Buraka</TD>     <TD>3829</TD> </TR>
<TR> <TD>Hallie Curry</TD>      <TD>8372</TD> </TR>
<TR> <TD>Shari Silberglitt</TD> <TD>4827</TD> </TR>
</TABLE>

which gives us

Name Extension
Raha Mutisya 1493
Shalom Buraka 3829
Hallie Curry 8372
Shari Silberglitt 4827

<TH ...> can be used to create headers for either rows or columns, or both.

<TABLE BORDER=2>
<TR> <TD>&nbsp;</TD>
     <TH>10 am - noon</TH>
     <TH>noon - 2 pm</TH>
     <TH>2 pm - 4 pm</TH>
     </TR>

<TR> <TH>Monday</TH>
     <TD>Home Ec</TD>
     <TD>Math</TD>
     <TD>Geography</TD>

<TR> <TH>Wednesday</TH>
     <TD>History</TD>
     <TD>Social Studies</TD>
     <TD>P.E.</TD>

<TR> <TH>Friday</TH>
     <TD>Music</TD>
     <TD>Peace Studies</TD>
     <TD>Sleep</TD>

</TABLE>

creates this table which uses <TH ...> to head both rows and columns:

  10 am - noon noon - 2 pm 2 pm - 4 pm
Monday Home Ec Math Geography
Wednesday History Social Studies P.E.
Friday Music Peace Studies Sleep

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial