关于html中的表格详解

本文详细介绍了HTML表格的组成部分,包括th、tr、td的用法和特性。讲解了caption标签的作用,以及表格的属性如border、cellpadding、cellspacing等。还探讨了如何进行单元格的跨行(rowspan)和跨列(colspan)合并。同时提到了表格的CSS样式控制,如border-collapse和border-spacing属性。最后,总结了表格的优缺点,并指出在面试中可能涉及的单元格合并问题。

表格有 th tr td
表头单元格(th)默认水平居中,垂直居中,有加粗效果。

caption标签是表格标题
在这里插入图片描述
在这里插入图片描述
表格单元格,文字默认水平居左、垂直居中显示,并且没有加粗效果。
特性:有内容,没有固定宽度的单元格,由内容撑开。
没有固定宽度的空单元格,默认平分表格宽度。

表格属性:
border属性:表格边框
border=“1”有边框 为0 无边框

cellpadding属性,单元格内容与单元格边框之间的距离。
在这里插入图片描述
在这里插入图片描述
cellspacing=“20” 单元格与单元格之间的距离

要注意cellspacing有默认值,为2个像素
在这里插入图片描述
合并单元格:

跨行合并:比如横跨6行就是数学横跨6行就是横着的6行)
在上面的td设置横跨几行之后,下面的被跨的这一行就不用再写td了,直接跳过。

跨列合并:
colspan

表格常用css属性:

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值