前端打卡day3--html-表格

最新推荐文章于 2025-01-22 09:26:00 发布

啊西边的瓜

最新推荐文章于 2025-01-22 09:26:00 发布

阅读量198

点赞数

分类专栏：前端学习

本文链接：https://blog.csdn.net/qq_41083616/article/details/115202027

版权

前端学习专栏收录该内容

45 篇文章

订阅专栏

本文详细介绍了HTML中表格的基本构成，包括表格（table）、行（tr）及单元格（td）等标签的使用方法，并进一步解释了如何利用caption标签设置表格标题及th标签定义表头单元格。

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

在HTML中，一个表格一般会由以下3个部分组成。

（1）表格：table标签
（2）行：tr标签
（3）单元格：td标签

<table>
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
    </tr>
    <tr>
        <td>单元格3</td>
        <td>单元格4</td>
    </tr>
</table>

tr，指的是table row（表格行）；td，指的是table data cell（表格单元格）。<table>和</table>表示整个表格的开始和结束，<tr>和</tr>表示行的开始和结束，而和表示单元格的开始和结束。在表格中，有多少组“”，就表示有多少行。

一、表格标题：caption
在HTML中，表格一般都会有一个标题，我们可以使用caption标签来实现

二、表头单元格：th
在HTML中，单元格其实有两种：表头单元格，使用th标签；表行单元格，使用td标签。th，指的是table header cell（表头单元格）。td，指的是table data cell（表行单元格）

<table>
    <caption>表格标题</caption>
    <tr>
        <th>表头单元格1</th>
        <th>表头单元格2</th>
    </tr>
    <tr>
        <td>表行单元格1</td>
        <td>表行单元格2</td>
    </tr>
    <tr>
        <td>表行单元格3</td>
        <td>表行单元格4</td>
    </tr>
</table>