Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 表格的作用
- 表格通常用来组织结构化信息
- 表格是一些被称作单元格的矩形框按照从左到右,从上到下的顺序排列在一起而形成的
- 表格的数据保存在单元格里
- --显示表格数据
- --设置页面布局
- 使用表格
- 创建表格
- 定义表格:使用成对的<table></table>标记
- 定义表格:使用成对的<table></table>标记
- 创建单元格:使用成对的<td></td>标记
- 表格的常用属性
- <table>元素
- --width:设置表格宽度
- --height:设置表格高度
- --align:设置表格对齐方式(left|center|right
- --border:设置表格边框宽度
- --cellpadding:设置内边距(单元边框与内容之间的距离
- --cellspacing:设置外边距(单元格之间的距离)
- --bgcolor:设置表格的背景色
- <tr>元素
- --align:设置水平对齐方式(left|center|right)
- --valign:设置垂直对齐方式度(top|middle|bottom)
- <td>元素
- --align:设置水平对齐方式(left|center|right)
- --valign:设置垂直对齐方式度(top|middle|bottom
- --width:设置表格宽度
- --height:设置表格高度
- --colspan:设置单元格跨列
- --rowspan:设置单元格跨行
- 表格标题
- 使用<caption>元素为表格定义标题
- --默认情况下,标题将在表格上方居中显示
- 表格的复杂应用
- 行分组
- 表格可以划分为3个部分:表头、标主体和表尾
- 表头行分组:<thead></thead>
- 表主体行分组:<tbody></tbody>
- 表尾行分组:<tfoot></tfoot>
- --包含一个或多个<tr>元素
- 不规则表格
- 设置单元<td>的跨行或者跨列的属性
- 跨列:colspan
- --水平方向延伸单元格,值为一正整数,代表此单元格水平延伸的单元格
- 跨行:rowspan
- --垂直方向延伸单元格,值为一正整数,代表此单元格垂直延伸的单元格数
- 表格的嵌套
- 嵌套表格
- --在单元格中放置另外一个表
- --即<td>元素中在包含<table>元素
- 使用嵌套的表格以设计复杂表格或者复杂布局
- 表格的嵌套
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement