HTML寒假学习总结（二）表格

表格

1、标签是table
2、thead是表头，tbody是正文
3、Head和Body都可以嵌套tr标签，一个tr是一行。
4、Tr里面又可以嵌套th和td。
5、Th一般用在表头，td用在内容。
6、有时候，一行的第一个也可以看成表头，所以也可以将每行的第一个写成th标签。
7、Table是一个严格的嵌套关系，当出现错误的嵌套关系时，浏览器会补全，影响浏览器的渲染，可能导致错误。（所以要写thead和tbody！）如果连table都没有，只有div，浏览器都无法补全。【一个表格必须正确的嵌套！建议把thead和tbody写清楚】

合并行

1、使用场景：希望把重复的内容合并成一个单元格
2、实现方式：通过rowspan来完成，<th rowspan="2">

合并列

1、使用场景：希望把重复的内容合并成一个单元格
2、实现方式：通过colspan来完成，<th colspan="2">

表格说明

1、实现方式：通过<caption>标签来实现
2、使用技巧：Html要求caption必须是表格的第一个元素，比如盲人使用的读屏软件就是要先读这个caption。 而caption的位置则可以通过css来调整到上面或者下面来显示。

列组

1、使用场景：给相同的列来做一个样式，colgroup，一列一列的定义样式。
2、实现方式：<colgroup>
3、使用技巧：一个colgroup可以写很多个列。然后css可以根据这个colgroup 的 class 来定义不同的样式。