HTML表格标签
表格标签
表格的主要作用：
表格主要用于显示，展示数据，因为他可以让数据显示的非常的规范，整洁，可读性非常好。
表格的基本语法
| 单元格内的文字 |
字母td指表格数据(table data)，即数据单元格的内容
| 学号 | 姓名 | 班级 | 年龄 |
| 23001 | 月初 | 1班 | 17 |
| 23004 | 寒鸦肆 | 2班 | 19 |
表头单元标签
表头单元格位于表格的第一行或第一列，表头单元格的文本内容加粗居中显示(表头单元格也是单元格 突出重要性)
| 单元格内的文字 |
|---|
| 姓名 | 性别 | 电话 |
|---|---|---|
| 月初吖 | 男 | 110 |
| 终不似当年模样 | 男 | 120 |
表格相关属性
属性名
属性值
描述
align
left(左对齐)，center(居中)，right(右对齐)
规定表格相对周围元素的对齐方式
border
1或""
规定表格单元格是否拥有边框，默认为""，表示没有边框
cellpadding
像素值
规定单元边沿与其内容之间的空白，默认1像素
cellspacing
像素值
规定单元格之间的空白，默认2像素值
width
像素值或百分比
规定表格的宽度
这些属性要写到表格标签table里面
border="1" cellspacing="0" border：单元格拥有边框 cellspacing：单元格与单元格之间像素为0
表格结构标签
可以将表格分割成表格头部和表格主体两大部分
在表格标签中，分别用标签 ：表格的头部区域
合并单元格
合并单元格三部曲
确定是跨行合并跨列合并
找到目标单元格，写上合并方式="合并的单元格数量"。比如td colspan="2">
删除多余的单元格
通过左上原则，确定保留谁删除谁
上下合并--只保留最上面，删除其他
左右合并--只保留最左边，删除其他
跨行合并（rowspan） 跨列合并（colspan）
rowspan:跨行合并，将多行单元格垂直合并
colspan：跨列合并，将多个单元格水平合并
只有同一个结构标签中的单元格才能合并，不能跨结构合并（不能跨：thead，tbody，tfoot）