Idocs Guide to HTML


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:

<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>

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.

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

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

<TR> <TH>Wednesday</TH>
     <TD>Social Studies</TD>

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


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

Copyright 1997-2002 Idocs Inc. Content in this guide is offered freely to the public under the terms of the Open Content License and the Open Publication License. Contents may be redistributed or republished freely under these terms so long as credit to the original creator and contributors is maintained.