一、表格
在HTML语法中，表格主要通过、和3个标签构成。
表格标签为，行的标签为，表项的标签为。
1.表格语法格式
1 |
| 表头 | 表头 | 表头 |
|---|---|---|
| 表头 | 表项 | 表项 |
标签必须紧随标签之后，为每个标签指定唯一标题。
2.表格属性
| border | 表格边框宽度 |
| width | 表格宽度 |
| heigh | 表格长度 |
| align | 表格相对周边对齐方式 |
| bordercolor | 边框颜色 |
| bgcolor |
背景颜色 |
| scope | 表示单元格是列（low）、行（row）的表头 |
3.例子
运行代码如下：
1 | <title>表格</title> |
| 教师人数 | 学生人数 | 总人数 | |
|---|---|---|---|
| 2021年 | 40 | 400 | 440 |
| 2022年 | 100 | 1500 | 1600 |
| 2023年 | 100 | 1500 | 1600 |
| 2024年 | 200 | 4000 | 4200 |
运行结果如下：
二、不规则表格
使用 colspan 和 rowspan 属性用于建立不规则表格
1.跨行
1 |
| 单元格内容 |
rowspan 指明该单元格应有多少行的跨度，在 th 和 tr 标签中使用。
2.跨列
1 |
| 单元格内容 |
colspan 指明该单元格应有多少列的跨度，在 th 和 tr 标签中使用。
注：跨越的单元格占用了原来的单元格要删除掉
3.例子
运行代码如下：
1 | <title>不规则表格</title> |
| 教师人数 | 学生人数 | 总人数 | |
|---|---|---|---|
| 2021年 | |||
| 2022年 | |||
| 2023年 | |||
| 2024年 | |||
运行结果如下：
到此这篇关于HTML5表格的文章就介绍到这了,更多相关html5表格内容请搜索IT俱乐部以前的文章或继续浏览下面的相关文章，希望大家以后多多支持IT俱乐部！
