HTML学习笔记——表格table

这篇博客详细介绍了HTML中的表格元素,包括表格的基本结构、thead、tbody、tfoot的使用,以及如何创建表格和设置单元格的合并。此外,还探讨了table、td的CSS样式应用,帮助读者深入理解HTML表格的呈现方式。
摘要由CSDN通过智能技术生成

一、表格的简介

表格(table)是块元素,但与块元素不同的是,他的宽高都被内容撑开

表格可以分成三部分: thead 头部,tbody 主体, tfoot 底部

创建表格
  • 使用table标签创建一个表格
  • 使用tr标签创建表格中的一行,有几个tr就有几行
    tr可被th代替,表示表格的标题部分,样式与其他行有所不同
    注意:
    创建表格时直接使用tr,浏览器会自动创建tbody元素,也就是说,tr是tbody的子元素,不是table的子元素。
  • 使用td创建一行中的单元格
<table border="1" width=200px>
        <tr>
            <td>a1</td>
            <td>b1</td>
            <td>c1
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值