首页 > Web开发 > 详细

HTML复习(5.表格)

时间:2020-09-21 21:45:05      阅读:48      评论:0      收藏:0      [点我收藏+]

重点

掌握表格基本结构、完整结构

掌握表格语义化

掌握2个属性:rowspan和colspan

基本结构

一个表格一般会由以下3个部分组成:

技术分享图片

默认情况下,表格是没有边框的。其中,表格的边框、颜色、大小都是由CSS控制

完整结构

表格完整结构包括:table、tr、td、caption、th。
技术分享图片

th和td的区别:

显示上:浏览器会以“粗体”和“居中”来显示th标签中的内 容,但是td标签不会;
语义上:th标签用于表头,而td标签用于表行。
表格语义化
thead、tbody和tfoot把表格划分为3部分:表头、表身、表脚。
作用:有了这3个标签,表格语义更加良好,结构更清晰,也更具有可读性和可维护性。
合并行
我们可以使用rowspan属性来合并行。所谓的合并行,指的是将“纵向的N个单元格”合并。
 技术分享图片

合并列

我们可以使用colspan属性来合并列。所谓的合并列,指的是将“横向的N个单元格”合并。

技术分享图片

 

HTML复习(5.表格)

原文:https://www.cnblogs.com/-0427/p/13708484.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!