当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > HTML表格标记教程(14):表格的表头

HTML/XHTML教程
制作三维表格效果
正确使用XHTML的冒险以及解决办法
在线播放器代码大全
在html文件引入其它html文件的几种方法
用好超级链接标记—A
用meta标签来增强网页功能
页边距的设定技巧(HTML)
为你的网页做出电影的过场效果
网站web标准测试
网页制作中的小秘诀
网页设计:一种细腻的导航效果的制作方法
鼠标在文本上移动时层的显示与消失
使用Web标准建站第9天:CSS布局入门
使用Web标准建站第8天:CSS布局入门
HTML语言剖析(七)表格标记
HTML语言剖析(八)表单标记
HTML语言剖析(九)图形标记
HTML语言剖析(十)链接标记
HTML语言剖析(十一)排版标记
HTML语言剖析(十二)多媒体标记

HTML/XHTML教程 中的 HTML表格标记教程(14):表格的表头


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 56 ::
收藏到网摘: 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>是指的表格的表头和标题。