建立表头及标题

图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>在缺省情况下并不这样。