首頁 > 文章 > web前端 > caption標籤怎麼使用

caption標籤怎麼使用

不言原創: 2019-02-11 16:50:295413瀏覽

caption標籤用於為HTML表添加標題，caption必須緊接在table的後面出現在HTML文件中，可以使用CSS直觀地定位在表的底部，下面我們就來看看caption標籤的具體用法。

caption標籤怎麼使用

caption元素定義表格標題，但只能對每個表格定義一個標題，通常這個標題會被居中於表格之上。（參考位址：HTML表格）

我們來看具體的範例

#程式碼如下

<!DOCTYPE caption標籤怎麼使用>
<caption標籤怎麼使用>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>
<table border="1" cellspacing="0">
    <caption>最喜欢的颜色</caption>
    <tr>
        <th>名字</th>
        <th>喜欢的颜色</th>
    </tr>
    <tr>
        <td>Tom</td>
        <td>蓝色</td>
    </tr>
     <tr>
        <td>Jerry</td>
        <td>红色</td>
    </tr>
     <tr>
        <td>Marry</td>
        <td>粉色</td>
    </tr>
     <tr>
        <td>Cindy</td>
        <td>黄色</td>
    </tr>
</table>
</body>
</caption標籤怎麼使用>

效果如下：標題在表格的中間。

caption標籤怎麼使用

這篇文章到這裡就全部結束了，關於前端的更多精彩內容大家可以關注php中文網的相關欄位教學！！！

以上是caption標籤怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：oncopy事件麼使用下一篇：oncopy事件麼使用

看更多