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




 

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