06 Html5之表格元素

本文介绍了HTML中用于构建表格的各种元素及其用法,并详细解析了如何使用这些元素来创建复杂的表格结构,包括列合并、行合并及列样式设置等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

听取51CTO课程笔记
一、表格元素汇总
构建表格的最基本三元素:<table> <tr> <td>
元素名称说明
table表示表格
thead表示标题行
tbody表示表格主体
tfoot表示表脚
tr表示一行单元格
th表示标题行单元格
td表示单元格
col表示一列
colgroup表示一组列
caption表示表格标题
二、构建表格解析
<tr>
<td>总计</td>
<td colspan="2">共两个人</td> //合并两列
<td rowspan=“4”>合并四行</td>
</tr>
设置整列的属性:下面这两句话是设置第二列为红色 这里的span指的是选中几列,先把第一列设置为白色,然后光标选择在第二列开始,再将第二列设置为红色即可
<colgroup style="backgroud:white;" span="1"></co;group>
<colgroup style="backgroud:red;" span="1"></co;group>
<col>更加灵活的设置列可以使用<col>设置占位符
<colgroup>
<col style="backgroud:red;" span="1">
</colgroup>















评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值