当前位置:首页 > 教程 > Html > 表格

6.4 表格标题

caption 元素定义表格标题。

举例

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8">
        <title>表格标题</title>
    </head>
    <body>
        <table border="1">
            <caption>唐诗三百首</caption>
            <tr>
                <th>作品</th>
                <th>作者</th>
                <th>类型</th>
            </tr>
            <tr>
                <td>《夜雨寄北》</td>
                <td>李商隐</td>
                <td>七言绝句</td>
            </tr>
            <tr>
                <td>《寻隐者不遇》</td>
                <td>贾岛</td>
                <td>五言绝句</td>
            </tr>
            <tr>
                <td>《子夜吴歌·秋歌》</td>
                <td>李白</td>
                <td>乐府</td>
            </tr>
        </table>
    </body>
</html>

运行浏览器后得到的效果如图

6.4 表格标题

附加说明:默认情况下,表格的标题位于整个表格的第一行并且居中显示。一个表格只能有一个标题,也就是说 <table> 标签中只能有一个 <caption> 标签。

你觉得文章内容怎么样

阿里云代金券 100 云产品通用

有效期30天 首购用户

立即领取
推荐宝塔面板 0 安全高效的

服务器运维面板

立即领取