简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

caption标签怎么使用

不言
Lepaskan： 2019-02-12 13:26:28
asal
5340 orang telah melayarinya

caption标签用于向HTML表添加标题，caption必须紧跟在table的后面出现在HTML文档中，可以使用CSS直观地定位在表的底部，下面我们就来看看caption标签的具体用法。

html

caption元素定义表格标题，但是只能对每个表格定义一个标题，通常这个标题会被居中于表格之上。（参考地址：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>蓝色</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>
Salin selepas log masuk

效果如下：标题在表格的中间。

微信截图_20190211164609.png

本篇文章到这里就全部结束了，关于前端的更多精彩内容大家可以关注php中文网的相关栏目教程！！！

Atas ialah kandungan terperinci caption标签怎么使用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
caption
sumber：php.cn
Artikel sebelumnya：oncopy事件么使用 Artikel seterusnya：disabled属性怎么使用
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
API Awam Instagram ( __a=1 ) dilumpuhkan. Adakah terdapat pilihan lain? Saya menggunakan api awam ram instag (tambah __a=1 pada parameter url) untuk mendapatkan b...
daripada 2023-10-24 16:54:59
0
1
187
Elemen HTML tidak boleh ditemui semasa merangkak web. Elemen ini boleh dilihat dalam alat pemeriksaan tapak Saya cuba merangkak tajuk semua jadual dari URL ini: https://www.nature.com/articles/s4158...
daripada 2023-09-19 12:41:46
0
1
213
<caption> <colgroup><col> <thead><tbody><tfoot> Cara menggunakan tag ini <caption> <colgroup><col> <thead><tbody><tfoot> 
daripada 2017-05-17 04:22:59
0
1
925
javascript - 当表格的宽度小于屏幕的宽度时显示横向滚动条，怎么做？ &lt;div class="" style="width:100%,overflow:auto"&gt; &lt;...
daripada 2017-04-10 16:29:59
0
1
530
php字符截取与过滤 {代码...} 以上代码截取掉HTML标签，图片啊、[caption 啊等。目前我用的是 {代码...} 问题：貌似HTML标签没有被过滤掉
daripada 2017-04-10 14:23:53
0
4
435
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！