表格标签(下)

1.1表格结构标签

使用场景:因为表格可能很长,为了更好的表示表格的语义,可以将表格分隔成表格头部和表格主体两大部分。在表格标签中,分别用:<thead>标签表示表格的头部区域、<thbody>标签表示表格的主体区域,这样可以更好的分清表格的结构。

th是表头单元格;thead是表头区域

thead一般是表格的第一行

以上两个标签是放在table中的

1.2合并单元格

特殊情况下,可以把多个单元格合并为一个单元格,这里会最简单的合并单元格即可

分为两种:

跨行合并:rowspan="合并单元格的个数"

跨列合并:colspan="合并单元格的个数"

 目标单元格:(写合并代码)

跨行:最上侧单元格为目标单元格,写合并代码

跨列:最左侧单元格为目标单元格,写合并代码

步骤:

1:确定跨行还是跨列合并

2:找到目标单元格,写上合并方式=合并单元格的数量。例如:<td colspan="2"></td>

3 :删除多余的单元格

 跨行是rowspan

跨列是colspan

最后一个步骤是删除多余的单元格

 小总结:标签(table、tr、td、th、thead、tbody)

                属性:位置是写在*号的位置: <table ******>         </table>

 

                 合并单元格(如上所示):跨行:

                                        跨列:

                                        删掉多余单元格:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值