为了在源代码中清楚地区分表格结构,html语言中规定了<thead>、<tbody>、<tfoot>3个标记,分别对应与表格的表首、表主体和表尾。<thead>标记用于定义表格最上端表首的样式。
基本语法
- <head align=value1 bgcolor=color_value valign=value2>
语法解释
align代表水平对齐,其中Left为居左,Center为居中,Right为居右。valign代表垂直对齐,Top为居上,Middle为居中,Bottom为居下。
文件范例:10-44.htm
通过标记设定表格表首样式。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:10-44.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 <thead align=center bgcolor=#00ccff>
12 <tr>
13 <td colspan=2>网页制作软件</td>
14 </tr>
15 </thead>
16 <tr>
17 <td>网页图像软件</td><td>Fireworks</td>
18 </tr>
19 <tr>
20 <td>网页制作软件</td><td>Dreamweaver</td>
21 </tr>
22 <tr>
23 <td>网页动画软件</td><td>Flash</td>
24 </tr>
25 </table>
26 </body>
27 </html>
文件说明
第11行设定义了表格表首的样式,第15行设置了表格的表首结束。
相关教程列表:HTML表格标记教程(1) - 制作表格
HTML表格标记教程(2) - 表格的边框属性BORDER
HTML表格标记教程(3) - 宽度和高度属性WIDTH、HEIGHT
HTML表格标记教程(4) - 边框色属性BORDERCOLOR
HTML表格标记教程(5) - 亮边框色属性BORDERCOLORLIGHT
HTML表格标记教程(6) - 暗边框色属性BORDERCOLORDARK
HTML表格标记教程(7) - 背景颜色属性BGCOLOR
HTML表格标记教程(8) - 背景图像属性BACKGROUND
HTML表格标记教程(9) - 单元格间距属性CELLSPACING
HTML表格标记教程(10) - 单元格边距属性CELLPADDING
HTML表格标记教程(11) - 水平对齐属性ALIGN
HTML表格标记教程(12) - 边框样式属性FRAME
HTML表格标记教程(13) - 内部边框样式属性RULES
HTML表格标记教程(14) - 表格的表头
HTML表格标记教程(15) - 表格的标题
HTML表格标记教程(16) - 标题水平对齐属性ALIGN
HTML表格标记教程(17) - 表格标题垂直对齐属性VALIGN
HTML表格标记教程(18) - 表格的表头
HTML表格标记教程(19) - 行标记
HTML表格标记教程(20) - 行的背景色属性BGCOLOR
HTML表格标记教程(21) - 行的边框色属性BORDERCOLOR
HTML表格标记教程(22) - 行的亮边框色属性BORDERCOLORLIGHT
HTML表格标记教程(23) - 行的暗边框色属性BORDERCOLORDARK
HTML表格标记教程(24) - 行的水平对齐属性ALIGN
HTML表格标记教程(25) - 行的垂直对齐属性VALIGN
HTML表格标记教程(26) - 单元格标记
HTML表格标记教程(27) - 单元格的背景图像属性BACKGROUND
HTML表格标记教程(28) - 单元格的边框色属性BORDERCOLOR
HTML表格标记教程(29) - 单元格的亮边框色属性BORDERCOLORLIGHT
HTML表格标记教程(30) - 单元格的暗边框色属性BORDERCOLORDARK
HTML表格标记教程(31) - 单元格的宽度和高度属性WIDTH、HEIGHT
HTML表格标记教程(32) - 单元格的水平对齐属性ALIGN
HTML表格标记教程(33) - 单元格的垂直对齐属性VALIGN
HTML表格标记教程(34) - 跨行属性ROWSPAN
HTML表格标记教程(35) - 跨列属性COLSPAN
HTML表格标记教程(36) - 表头的背景色属性BGCOLOR
HTML表格标记教程(37) - 表头的背景图象属性BACKGROUND
HTML表格标记教程(38) - 表头的边框色属性BORDERCOLOR
HTML表格标记教程(39) - 表头的亮边框色属性BORDERCOLORLIGHT
HTML表格标记教程(40) - 表头的暗边框色属性BORDERCOLORDARK
HTML表格标记教程(41) - 表头的宽度和高度属性WIDTH、HEIGHT
HTML表格标记教程(42) - 表头的水平对齐属性ALIGN
HTML表格标记教程(43) - 表头的垂直对齐属性VALIGN
HTML表格标记教程(44) - 表格的表首标记
HTML表格标记教程(45) - 表格的表主体标记
HTML表格标记教程(46) - 表格的表尾标记
HTML表格标记教程(47) - 表格嵌套
HTML表格标记教程(48) - CSS修饰表格
作者:gdgzboy@牛C网
地址:http://www.niuc.net/post/355/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!
XML教程 - XML定义
XHTML 1.0 参考
CSS 加入带连接的隐藏文字
用XML将机器内码转换为直观信息
HTML表格标记教程(19) - 行标记
Flex中数据绑定技巧
常用的JavaScript代码(五)
表格布局中单元格背景颜色鼠标响应的JS代码
用Javascript实现表格单元格背景色鼠标响应
WEB标准的相关问题
HTML表格标记教程(43) - 表头的垂直对齐属性VALIGN
HTML表格标记教程(45) - 表格的表主体标记





