![a0f584d5f9f39eb0ed6a5008787b8423.png](https://i-blog.csdnimg.cn/blog_migrate/2c995756c583815222e69088218e4d5d.jpeg)
1、表格标签
表格主要作用:用于显示、展示数据,可以让数据显示的非常规整,可读性好。
![be32937b7926d2a7502fa797d3b5387b.png](https://i-blog.csdnimg.cn/blog_migrate/b0dbbddf39b03443647be81dce15ee1a.jpeg)
2、表格属性
![06708dc83e27acaaafde77b0ac18d398.png](https://i-blog.csdnimg.cn/blog_migrate/232db21f8671c300dff033fcc4f01eba.jpeg)
注:此处是为了更直观看到表格的样子,理解基本属性的作用,实际应用中,样式属性多在CSS中设置。
3、合并单元格
目标单元格:写合并代码的单元格
- 跨行:最上侧单元格为目标单元格,rowspan="合并单元格的数量"
- 跨列:最左侧单元格为目标单元格,colspan="合并单元格的数量"
![f0f27a9cbfd9b7368b73bf1b78878569.png](https://i-blog.csdnimg.cn/blog_migrate/ec8aa541086991bb3ad16b6bbd52416a.jpeg)
合并单元格步骤:
- 先确定是跨行还是跨列
- 找到目标单元格,写上合并方式
- 将被合并过来的原单元格删除
4、应用案例
<!DOCTYPE html>
运行结果如下:
![8382179dd49e40f9c177d86879d4776e.png](https://i-blog.csdnimg.cn/blog_migrate/6e8851f89ac924d3ccf934efc46e3169.jpeg)