4.1表格简介
<table>
<tr><!-- 行-->
<th><!-- 单元格(标题),一般会将里面文本加粗-->
<td><!--- 单元格->
4.2基本表格元素和特性
4.2.1创建表格的<table>元素
1.align特性(
弃用)
2.bgcolor特性(弃用)
设置表格的背景色
3.border特性(
弃用)
设置表格外边框的宽度,单位为像素。被css border取代
4.cellpadding特性(
弃用)
设置单元格的边缘和其内容之间的间隔,单位为像素或者百分比。被css padding取代
5.cellspacing特性(
弃用)
设置单元格边框之间的空间,单位为像素或者百分比。被css margin取代
6.dir特性
设置单元格中文本的方向,从左到右(ltr),从右到左(rtl)
7.frame特性(
弃用)
控制整个表格最外侧边框的外观,该特性控制程度高于border,建议用css border替换
8.rules特性(
弃用)
控制表格中那些边框会被显示
9.summary特性
10.width特性(
弃用)
4.2.2包含表格行的<tr>元素
1.align特性(
弃用)
2.bgcolor特性(
弃用)
3.char特性(
浏览器还未支持)
4.charoff特性(
浏览器还未支持)
5.valign特性(
弃用)
设置单元格内容垂直对齐方式
4.2.3表示单元格的<td>、<th>元素
<th>:以粗体显示单元格中的内容,居中对齐
<td>:通常从左到右对齐
1.abbr特性
提供单元格内容的缩写版本,
浏览器还未支持
2.align特性
(弃用)
3.axis特性
为单元格添加概念上的分类。不会有可视的格式化效果,这个特性的值是单元格所属分类的名称列表,以逗号分开,用以保存数据,用编程方式使用数据
4.bgcolor特性(
弃用)
5.char特性
6.charoff特性
用于指定字符的偏移量
7.colspan特性
跨列
8.header特性
指定那个单元格对应哪个标题,值为单元格的id,用于语音
9.height特性(
弃用)
10.nowrap特性(
弃用)
阻止单元格中的内容换行,eg:nowrap="nowrap"
11.rowspan特性
跨行
12.scope特性(
弃用)
只是当前标题为那些单元格提供标签或者标题信息
13.valign特性(
弃用)
14.width(
弃用)
4.3为表格添加<caption>元素
为表格添加一个主标题,eg:
<table>
<caption>xx</caption>
<tr>
4.4对表格进行分组
4.4.1使用colspan占据多列
4.4.2使用rowspan占据多行
4.4.3使用标题、主题和脚注划分表格
将表格划分为标题、主体和脚注的三个元素是:
用于创建独立表格标题的<thead>元素
用于创建表格主题的<tbody>元素(
可以包含多个)
用于创建独立脚注的<tfoot>元素
在源文件中<tfoot>必须出现在<tbody>之前,eg:
<table>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tfoot>
<tr>
<th></th>
</tr>
</tfoot>
<tbody>
...
</tbody>
<tbody>
...
</tbody>
</table>
4.4.4使用<colgroup>元素对列进行分组
使用<colgroup>应紧跟<table>,eg:
<table>
<colgroup span="1"/><!-- 指第一行-->
<colgroup span="1"/><!-- 指第二行-->
<tr><td>1</td></tr>
<tr><td>2</td></tr>
</table>
4.4.5使用<col>元素共享样式的列
eg:
<table>
<colgroup span="6">
<col span="5" />
<col span="1" />
</colgroup>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
</table>
4.5嵌套的表格
4.6表格的可访问性
4.6.1线性化表格的方式
4.6.2使用id、scope、header特性
4.7本章小结