html表格

表格基础

表格主要由三个标签组成

table 作用是定义了一个表格的结构

tr 定义了表格的行

td 作用是定义表格的单元格

table标签有两个属性，一个是border="1",这个属性是用来设置表格的边框的，如果没有这个属性，边框不显示，第二个属性是style="border-collapse:collapse"是css样式，作用就是合并表格

如果表格需要设置表头，可以用tr里面嵌套th来设置

单元格合并

一部分单元格需要进行跨行跨列合并，可以给td，th标签设置相关属性

rowspan 上下跨行合并

colspan 左右跨行合并

属性值是数字，数字是几就代表跨几行，跨几列

步骤：1.确定一行有多少td

2.然后我们在看一下有多少行

3.观察哪个单元格有合并，并设置相应属性

表格的分区

一个完整的表格主要分为三个部分，表格标题，表格表头，表格主体

一个table标签内部实际还又3个分区标签组成

caption 定义表格表题

thead 定义表格表头 内部嵌套tr th

tbody 定义表格主题 内部嵌套tr td