2023.11.6

本文介绍了HTML表格的基础知识,包括基本结构(<table>,<tr>,<td>),完整的结构(caption,th,td),以及语义化的使用(thead,tbody,tfoot)。还讲解了如何通过rowspan和colspan合并单元格以增强表格布局。
摘要由CSDN通过智能技术生成

今天学习了第六章 表格

知识点:1.表格的基本结构:表格<table ></table >;行<tr></tr>;单元格<td></td>

格式:<table >
              <tr>
              <td>单元格</td>
              </tr>
           </table >
2.表格的完整结构:还有表格标题caption,表头单元格th

 caption:一个表格只有一个标题,默认位于表格的第一行

th:用于表头,td用于表行

格式:<table>
<caption>表格标题</caption>
<tr>

<th>表头标题</th>
</tr>
<tr>
<td>表行单元格</td>
</tr>

3.语义化:一个完整的表格包含:table,caption,tr,th,td,引入thead,tbody,tfoot将表格分为三部分:表头,表身和表脚,结构更清晰,更具可读性和可维护性。

4.合并行:rowspan

语法:<td rowspan="跨越的行数"></td>

5.合并列:colspan

语法:<td colspan="跨越的列数"></td>
e7131bef9dfd413e8ab251c4726c4cc7.png

59f3abf21e6d479da79d70adb24f2724.png 

d67a0e7f38c046ef9bb8a0fedaaf169f.png 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值