HTML中表格(table)的常规用法

本文详细解释了HTML表格的构成,包括thead、tbody和tfoot的使用,以及如何设置表格的宽度、高度和合并单元格的方法。重点介绍了表格标记和单元格合并的属性colspan和rowspan。
摘要由CSDN通过智能技术生成

表格由行、列、单元格三部分组成:table(表格标记)、tr(行标记)、td(单元格标记)

行:表格中的水平间隔;

列:表格中的垂直间隔;

单元格:表格中行与列相交所产生的区域。

tbody、tfoot、thead一般来说用得不是很多,对于比较复杂的页面,页面的排版用到了很多的表格,表格的结构也就相对的复杂了,所以又将表格分割成三个部分:题头、正文和脚注。

而这三部分分别用: thead, tbody, tfoot来标注。

thead表格的头 用来放标题之类的东西

tbody表格的身体 放数据本体

tfoot 表格的脚 放表格的脚注之类

2.表格的宽度和高度——width、height

基本语法:

<table width="表格宽度" height="表格高度"></table>

语法说明:

表格的宽度和高度可以以像素为单位,也可以以“百分比”为单位,如果不设置,则默认宽度自适应。

3、合并单元格

如果要将两个或多个列合并为一个列,将使用colspan属性

如果要合并两行或更多行,则将使用rowspan属性。

这两个属性都是针对单元格的,也就是 td 标签 或 th 标签。

这两个属性的值就是需要合并的单元格的个数。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值