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

HTML/XHTML教程
CSS样式表设计的十条技巧
什么样的界面算是好界面－7个案例
CSS+JS实现的选项卡效果
用CSS设计高体验的表单显示效果示例
利用css和js实现firefox和IE都支持的页面局部打印
针对各种版本的浏览器隐藏CSS的九大技巧
Div+CSS布局入门教程
在DIV+CSS排版中新闻列表的制作方法
实践DIV＋CSS网页布局入门指南
HTML中meta详解
有关HTML代码的另类应用技巧
彻底弄懂CSS盒子模式（DIV布局）
页面制作人员的修练之道
注意：HTML文件也能格式化硬盘
小技巧：让广告代码不再影响你的网页加载速度
进阶：彻底弄懂CSS盒子模式之二
彻底弄懂CSS盒子模式之三
详解css定位与定位应用
ASP生成静态Html文件技术杂谈
CSS的倡导者：学习CSS的10大理由

No. « 59 60 61 62 »

技术文章搜索

关键字

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

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