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 来定义不同的样式。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容