表格标签

嵌套关系: table>th>td>tr

tr 一对tr代表表格中的一行可用于包含多个td;

td 一对td代表一行表格中的一个单元格,可用于包裹内容;

应用场景:

在网页中以行+列的单元格方式是整齐展示数据,如学生成绩表;

基本标签: table 表格整体可用于包含多个tr;

caption标签

表格大标题

书写在table标签内部默认整体顶部居中显示

<caption></caption>标签表格标题和表格单元格标签:

th 表头单元格

书写在tr标签内部通常位于表格第一行默认内部文字加粗并居中显示;

<th>,单元格标题标签，用来存储每一列的标题，

只要当前列的标题存储在这个标签中就会自动居中+加粗文字

应用场景:

在表格中表示整体大标题和一列小标题;

写在table标签内，用来命名表格标题，

标题就会自动相对于表格居中；

border 边框宽度;

表格标签有一个边框属性border，这个属性决定了边框的宽高，

默认情况下为0，0看不到边框；

width 表格宽度;

height 表格高度;

只能给table标签和td标签使用，默认按照内容的尺寸调整，

也可以设置width/height属性的方式手动调整,

如果给td标签设置width/height属性，会修改当前单元格的宽高，但不会影响整个表格的宽高

场景:让表格的内容结构分组,突出表格的不同部分(头部主体底部) 使语义更加情绪;

结构标签:

thead 表格头部

tbody 表格主体

tfoot 表格底部

注意点:

1,表格结构标签内部用于包裹tr标签

2,表格的结构标签可以省略;

应用场景:将水平或垂直的多个单元格合并成一个单元格;

合并单元格步骤：

3.给保留的单元格设置：

跨行合并（rowspan） 或者跨列合并（colspan）