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来完成,

合并列

1、使用场景:希望把重复的内容合并成一个单元格
2、实现方式:通过colspan来完成,

表格说明

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

列组

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

你可能感兴趣的:(HTML寒假学习总结(二)表格)