当前位置: 首页 > 图文教程 > 专题中心 > HTML网页制作表格相关技巧汇总 > HTML教程:表格相关标记的应用 > HTML表格标记教程(14):表格的表头

HTML教程:表格相关标记的应用
HTML表格标记教程(13):内部边框样式属性RULES
HTML教程:html水平线段<HR />
HTML表格标记教程(14):表格的表头
HTML表格标记教程(15):表格的标题
HTML表格标记教程(16):标题水平对齐属性ALIGN
HTML表格标记教程(17):表格标题垂直对齐属性VALIGN
HTML表格标记教程(18):表格的表头<TH>
HTML表格标记教程(19):行标记<TR>属性
HTML表格标记教程(20):行的背景色属性BGCOLOR
HTML表格标记教程(21):行的边框色属性BORDERCOLOR
HTML表格标记教程(22):行的亮边框色属性BORDERCOLORLIGHT
HTML表格标记教程(23):行的暗边框色属性BORDERCOLORDARK
HTML表格标记教程(24):行的水平对齐属性ALIGN
HTML表格标记教程(25):行的垂直对齐属性VALIGN
HTML表格标记教程(26):单元格标记<TD>属性
XHTML教程:针对初学者的XHTML基础
HTML表格标记教程(27):单元格的背景图像属性BACKGROUND
HTML表格标记教程(28):单元格的边框色属性BORDERCOLOR
HTML表格标记教程(29):单元格的亮边框色属性BORDERCOLORLIGHT
HTML表格标记教程(30):单元格的暗边框色属性BORDERCOLORDARK

HTML教程:表格相关标记的应用 中的 HTML表格标记教程(14):表格的表头


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-28   浏览: 43 ::
收藏到网摘: n/a

在HTML语言中,可以自动通过标记为表格添加标题。另外,表格的第一行称为表头,这也可以通过HTML标记来实现。

基本语法

     <TABLE> ....

  <TR>

   <TH>标题1</TH><TH>标题2</TH><TH>标题3</TH><TH>标题4</TH><TH>标题5</TH>

  </TR>

 ........

</TABLE>

语法解释

通过BORDER属性定义边框线的宽度,单位为像素。

<html>
<head>
<title>表格标记的综合例子</title>
</head>
<body>
<table border="1" width="80%" bgcolor="#e8e8e8" cellpadding="2" bordercolor="#0000ff" bordercolorlight="7d7dff" bordercolordark="#0000a0">
<tr>
<th width="30%" colspan="2" valign="bottom">大西洋赛区</th>
<th width="30%" colspan="2" valign="bottom">中部赛区</th>
<th width="30%" colspan="2" valign="bottom">东南赛区</th>
</tr>
<tr>
<td width="16%" align="center">凯尔特人</td>
<td width="16%" align="center">76人</td>
<td width="17%" align="center">活塞</td>
<td width="17%" align="center">公牛</td>
<td width="17%" align="center">热火</td>
<td width="17%" align="center">奇才</td>
</tr>
<tr>
<td width="16%" align="center">网</td>
<td width="16%" align="center">尼克斯</td>
<td width="17%" align="center">步行者</td>
<td width="17%" align="center">骑士</td>
<td width="17%" align="center">魔术</td>
<td width="17%" align="center">山猫</td>
</tr>
<tr>
<td width="16%" align="center">猛龙</td>
<td width="16%" align="center">过江</td>
<td width="17%" align="center">雄鹿</td>
<td width="17%" align="center">芝加歌</td>
<td width="17%" align="center">老鹰</td>
<td width="17%" align="center">姚明</td>
</tr>
</table>
</body>
</html>

其中<TH></TH>是指的表格的表头和标题。