简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

caption標籤怎麼使用

不言
發布： 2019-02-12 13:26:28
原創
5339 人瀏覽過

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中文網其他相關文章！

相關標籤：
caption
來源：php.cn
上一篇：oncopy事件麼使用 下一篇：disabled屬性怎麼使用
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
Instagra m Public Api ( __a=1 ) 被禁止。還有其他選擇嗎？ 我使用instag ram公共api（將__a=1添加到url的參數）來獲取帖子詳細資訊（caption，imageUrl，postType，likes，commentsphpcn...
來自於 2023-10-24 16:54:59
0
1
187
網路爬蟲過程中無法定位HTML元素。該元素在網站檢查工具中可見 我正在嘗試從此URL中爬取所有表格的標題：https://www.nature.com/articles/s41586-023-06192-4我可以在網站上找到這個HTML元素：&...
來自於 2023-09-19 12:41:46
0
1
213
<caption> <colgroup><col> <thead><tbody><tfoot> 該怎麼運用這些標籤 <標題> <列組><列> <標題><tbody><tfoot>
來自於 2017-05-17 04:22:59
0
1
925
javascript - 当表格的宽度小于屏幕的宽度时显示横向滚动条，怎么做？ &lt;div class="" style="width:100%,overflow:auto"&gt; &lt;...
來自於 2017-04-10 16:29:59
0
1
530
php字符截取与过滤 {代码...} 以上代码截取掉HTML标签，图片啊、[caption 啊等。目前我用的是 {代码...} 问题：貌似HTML标签没有被过滤掉
來自於 2017-04-10 14:23:53
0
4
435
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！