masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > caption标签怎么使用

caption标签怎么使用

不言
Lepaskan： 2019-02-12 13:26:28
asal
5474 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
Linux Bash: Padamkan blok data jadual HTML dengan mudah Saya mempunyai fail html yang diproses menggunakan skrip bash dan ingin mengalih keluar ja...
daripada 2024-04-02 09:13:43
0
1
332
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