HTML-表格

表格的基本标签
场景:在网页中以行+列的单元格的方式整齐展示数据,如:学生成绩表
在这里插入图片描述

标签的嵌套关系:table>tr>td
在这里插入图片描述

表格相关属性
场景:设置表格基本展示效果
常见相关属性:
注意点:
实际开发时针对于样式效果推荐使用CSS设置

表格标题和表头单元标签

场景:在表格中表示整体大标题和一列小标题

其他标签:在这里插入图片描述

注意点:caption标签书写在table标签内部

th标签书写在tr标签内部(用于替换td标签)

表格的结构标签(了解)

场景:突出表格的不同部分(头部,主题,底部)

结构标签:在这里插入图片描述

注意点:

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

表格的结构i标签可以省略

合并单元格:

1.明确合并哪几个单元格

2.左上保留原则:

上下合并即只保留最上的,删除其他

左右合并即只保留最左的,删除其他

3.给保留的单元格设置:跨行合并(rowspan)或者跨列合并(colspan)
在这里插入图片描述

注意点:只有同一个结构标签中的单元格才能合并,不能跨结构标签合并(不能跨:thead,tbody,tfoot)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值