Html 教程（5） “表格”三要素

最新推荐文章于 2025-03-21 21:35:34 发布

thefist11

最新推荐文章于 2025-03-21 21:35:34 发布

阅读量2.3k

点赞数 1

分类专栏： # H5前端

本文链接：https://blog.csdn.net/thefist11cc/article/details/117194951

版权

H5前端专栏收录该内容

13 篇文章

订阅专栏

本文详细介绍了HTML中表格的基本结构和元素，包括<table>、<tr>、<td>和<th>等标签的用法。表格的组成部分包括页眉（thead）、主体（tbody）和页脚（tfoot）。数据单元格<td>用于展示数据，而<th>则用于定义数据的名称或标题。此外，表格还能包含多种内容，如文本、图片、列表等。了解这些基础知识对于网页设计至关重要。

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

1. 定义

表格由<table>标签来定义。

2. 表格三要素 table、tr、td

2.1 每个表格均有若干行（由 <tr>标签定义），每行被分割为若干单元格（由<td>标签定义）。

2.1 表格数据

td 指表格数据（table data），即数据单元格的内容。这个数据分为两种：

数据的名称
用<th></th> 表示数据的名称(标题)
数据本身。
<td></td>表示真正的数据内容。

数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

eg.

<table border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

在这里插入图片描述
3. thead tbody tfoot