来源:远方网络 | 2005-6-3 21:53:29 | (有2231人读过)
建立表头及标题
图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>
|