怎么使用caption標(biāo)簽

發(fā)布時間：2020-07-13 11:18:15 來源：億速云閱讀：344 作者：Leah 欄目：web開發(fā)

本篇文章給大家分享的是有關(guān)怎么使用caption標(biāo)簽，小編覺得挺實用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

caption標(biāo)簽用于向HTML表添加標(biāo)題，caption必須緊跟在table的后面出現(xiàn)在HTML文檔中，可以使用CSS直觀地定位在表的底部，下面我們就來看看caption標(biāo)簽的具體用法。

caption元素定義表格標(biāo)題，但是只能對每個表格定義一個標(biāo)題，通常這個標(biāo)題會被居中于表格之上。（參考地址：HTML表格）

我們來看具體的示例

代碼如下

<!DOCTYPE html>
<html>
<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>藍(lán)色</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>
</html>

效果如下：標(biāo)題在表格的中間。

怎么使用caption標(biāo)簽

以上就是怎么使用caption標(biāo)簽，小編相信有部分知識點可能是我們?nèi)粘９ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

怎么使用caption標(biāo)簽

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽