建立表头及标题

图6.17.所示表格的目的并不明确，如果一个用户在网页上把它显示出来而没有任何说明文字，没有人会知道这个表格是一个城市编码的列表。你可以通过为表格加上表头和标题来使表格变得清楚明了。

标题标明了整个表格的作用，你可以使用<CAPTION>标识符来为表格加入标题。下面的例子说明了如何使用这一标识符：

<HTML>

<HEAD> <TITLE> Area Codes </TITLE></HEAD>

<BODY>

<TABLE BORDER=1>

<CAPTION> Area Codes </CAPTION>

<TR>

<TD> Boston </TD>

<TD> 617 </TD>

</TR>

<TR>

<TD> Modesto </TD>

<TD> 209 </TD>

</TR>

<TR>

<TD> San Francisco </TD>

<TD> 415 </TD>

</TR>

</TABLE>

</BODY>

</HTML>

现在，当这个表格在浏览器上显示时，标题Area Codes将会显示在表格的正上方。缺省情况下，标题出现在表格的上方，但是你也可以使用<CAPTION>的ALIGN＝“bottom”属性来使标题出现在表格下方。

注意

Internet Explorer还可为<CAPTION>的ALIGN属性设置“left”和“right”值。你可能会认为这两个值会在表格的右边或左边建立一个标题，但它们只是改变标题在表格上方显示时的对齐方式，即分别使标题在表格上进行左对齐或右对齐。

这个表格还可以让它变得更明确一些。现在，表格每一列的目的还不很清楚，例如，一些外来的愚蠢的人可能会认为数字415是一个城市名称，而名字S按Francisco是区域编码，要防止出现这种混乱，你就要为表格加上表头。

你可以用<TH>标识符来为表格加上表头。<TH>用起来与<TD>标识符类似，然而，在这个标识符间出现的文字显示出来是黑体（见图6.18）。下面的例子显示的表格包含了一个表头：

<HTML>

<HEAD> <TITLE> Area Codes </TITLE></HEAD>

<BODY>

<TABLE BORDER=1>

<CAPTION> Area Codes </CAPTION>

<TR>

<TH> City </TH>

<TH> Area Code </TH>

</TR>

<TR>

<TD> Boston </TD>

<TD> 617 </TD>

</TR>

<TR>

<TD> Modesto </TD>

<TD> 209 </TD>

</TR>

<TR>

<TD> San Francisco </TD>

<TD> 415 </TD>

</TR>

</TABLE>

</BODY>

</HTML>

图6.18 具有列表头的表格

使用<TH>标识符不仅可以为列建立表头，还可以为行建立表头，只要把它放置于一行的开头。实际上，你可以把<TH>放置于一个表格中任何一个可放置<TD>的位置，这两个标识符之间的区别是<TH>使文字以黑体显示并将文字显示在中央，而<TD>在缺省情况下并不这样。