HTML5技术

HTML表格的表头 _HTML教程

字号+ 作者:H5之家 来源:H5之家 2015-09-17 16:23 我要评论( )

表头是指表格的第一行,其中的文字可以实现居中并且加粗显示,这通过TH标记实现。 基本语法 01 TABLE 02 TR 03 TH/TH 04 05 /TR 06 TR 07 TD/TD 08 09 /TR 10 11 /TABLE 语法解释 使用TH标记替代TD标记,惟一的不同就是标记中的内容居中加粗显示。 文件范例

表头是指表格的第一行,其中的文字可以实现居中并且加粗显示,这通过<TH>标记实现。

基本语法

01  <TABLE>

02         <TR>

03              <TH>…</TH>

04                  …

05          </TR>

06           <TR>

07                <TD>…</TD>

08                    …

09          </TR>

10                    …

11  </TABLE>

语法解释

使用<TH>标记替代TD>标记,惟一的不同就是标记中的内容居中加粗显示。

文件范例:10-17.htm

通过<TH>标记实现表格的表头。
01  <!-- ------------------------------ -->
02  <!-- 文件范例:10-17.htm -->
03  <!-- 文件说明:设定表格的表头 -->
04  <!-- ------------------------------ -->
05  <HTML>
06  <HEAD>
07  <TITLE>设定表格的表头</TITLE>
08  </HEAD>
09  <BODY>
10  <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 ALIGN="CENTER">
11  <TR>
12  <TH>软件分类</TH>
13  <TH>软件名称</TH>
14  </TR>
15  <TR>
16  <TD>网页图像软件</TD><TD>Fireworks</TD>
17  </TR>
18  <TR>
19  <TD>网页制作软件</TD><TD>Dreamweaver</TD>
20  </TR>
21  <TR>
22  <TD>网页动画软件</TD><TD>Flash</TD>
23  </TR>
24  </TABLE>
25  </BODY>
26  </HTML>

文件说明

第12行和第13行定义了表格的表头。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

  • HTML5 高级系列:web Storage - _林鑫

    HTML5 高级系列:web Storage - _林鑫

    2017-04-27 14:01

  • HTML5和CSS3 - 奔跑在起跑线佼佼者

    HTML5和CSS3 - 奔跑在起跑线佼佼者

    2017-04-20 13:00

网友点评