HTML--表格

HTML表格

一,语法

表格的标签为

,行的标签为,表项的标签为标签内设置。

三,不规则表格

使用colspan和rowspan属性建立

- 跨行:单元格垂直方向合并,语法为 

,可以用表示列或行的第一个单元格。

格式为: 

...

...

标题
表头1表头2...表头n
表头表项1...表项n - 1

快捷键:table>tr*个数>td*个数

二,属性

HTML--表格_第1张图片

补充:设置表格背景图像,可用bgcolor或background属性,在

单元格内容

 rowspan指明跨的行数,在  和  标签中使用。

- 跨列:单元格水平方向合并,语法为 

单元格内容

 colspan指明跨的列数,在  和  标签中使用。

样例:

定义表格标题
表头标题
导航部分第一行第一列第一行第二列第一行第三列
第二行第一列第二行第二列第二行第二列
表尾部分

运行结果:

HTML--表格_第2张图片

(四)数据分组

表格数据的分组标签包括,,,分别定义表格的头部,即页眉;表格主体;表格的脚部,即页尾。

样例:

教师人数 学生人数 总人数
2021年 40 400 440
2022年 100 1500 1600
2023年 150 3000 3150
2024年 250 4000 4200

运行结果:

HTML--表格_第3张图片

你可能感兴趣的:(html,前端)