如何在HTML中添加表格标题？（HTML中table添加标题的2种方法）

最新推荐文章于 2025-04-12 14:37:44 发布

明金同学

最新推荐文章于 2025-04-12 14:37:44 发布

阅读量10w+

点赞数 23

分类专栏： HTML5 文章标签： html css

本文链接：https://blog.csdn.net/weixin_44893902/article/details/115417731

版权

HTML5 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了两种在HTML中为表格添加标题的方法：一种是使用fieldset和legend元素创建标题框，另一种是利用caption元素直接添加一行标题。示例代码分别展示了这两种方法的实现，帮助读者理解如何在网页中为表格增添清晰的标题。

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

第一种：通过 fieldset 添加标题框

示例代码：

<html>
<body>

<fieldset>
     <legend>fieldset添加框标题</legend>
     <table width="800" border="1" >
	    <tr>
            <td width="200">姓名</td>
            <td width="200">张三</td>
        </tr>
        <tr>
            <td width="200">年龄</td>
            <td width="200">20</td>
        </tr>
      </table>
</fieldset>

</body>
</html>

效果：

第二种：通过 caption 一句话添加标题

示例代码：

<html>
<body>
 
    <table width="400" border="1" >
        <caption align="top">一句话添加标题</caption>  
        <tr>
            <td width="200">姓名</td>
            <td width="200">张三</td>
        </tr>
        <tr>
            <td width="200">年龄</td>
            <td width="200">20</td>
        </tr>
    </table>
 
</body>
</html>

效果：