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

caption標籤怎麼使用

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

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