HTML学习之表格
程序员文章站
2022-05-07 21:14:21
HTML建立表格：
§使用表格可以划分页面的布局
格式：
..
表格中的一行数据
表格中的二行数据...
HTML建立表格：
§使用表格可以划分页面的布局
格式：
..
| 表格中的一行数据 |
| 表格中的二行数据 |
| 表格中的三行数据 |
测试实例如下：
| 表格中的一行数据 | 表格中的一行数据 |
| 表格中的二行数据 | 表格中的二行数据 |
| 表格中的三行数据 | 表格中的三行数据 |
标签的属性：
border 设置表格边框
caption 设置表格标题
align 设置表格在网页中的布局
width 设置表格宽度
height 设置表格高度
cellspacing 设置表格各单元格之间距离
cellpadding 设置单元格内部与文本之间的间距
bordercolor 设置表格边框颜色
bordercolorlight 设置表格亮面颜色
Bordercolordark 设置表格暗面颜色
测试程序如下：
| 表格中的一行数据 | 表格中的一行数据 |
| 表格中的二行数据 | 表格中的二行数据 |
| 表格中的三行数据 | 表格中的三行数据 |
标签的属性： bgcolor设置背景颜色。align 设置行对齐方式。 valign 设置单元格垂直对齐方式
测试程序如下：
| 表格中的一行数据 | 表格中的一行数据 |
| 表格中的二行数据 | 表格中的二行数据 |
| 表格中的三行数据 | 表格中的三行数据 |
和标签的属性：
bgcolor 设置单元各背景颜色
rowspan 设置单元格所占行数
colspan 设置单元格所占的列数
align 设置对齐方式
valign 设置单元格垂直对齐方式
width 设置单元格宽度
height 设置单元格高度
测试程序如下：
| 表格中的一行数据 | 表格中的一行数据 |
| 表格中的二行数据 | 表格中的二行数据 |
| 表格中的三行数据 | 表格中的三行数据 |
rowspan
| 一行数据 | 第一行数据 |
| 第二行数据 | |
| 第三行数据 |
colspan
| 第一行数据 | |
| 第二行数据 | 第二行数据 |
| 第三行数据 | 第三行数据 |
th
| 表格中的一行数据 | 表格中的一行数据 |
|---|---|
| 表格中的二行数据 | 表格中的二行数据 |
| 表格中的三行数据 | 表格中的三行数据 |