电脑爱好者,提供IT资讯信息及各类编程知识文章介绍,欢迎大家来本站学习电脑知识。 最近更新 | 联系我们 RSS订阅本站最新文章
电脑爱好者
站内搜索: 
当前位置:首页>> HTML>>建立表头及标题:

建立表头及标题

来源:远方网络 | 2005-6-3 21:53:29 | (有2223人读过)

建立表头及标题

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

HTML热门文章排行
网站赞助商
购买此位置

 

关于我们 | 网站地图 | 文档一览 | 友情链接| 联系我们

Copyright © 2003-2024 电脑爱好者 版权所有 备案号:鲁ICP备09059398号