キャプションタグの使い方-htmlチュートリアル-php.cn

キャプションタグの使い方

不言

リリース： 2019-02-12 13:26:28

オリジナル

5338 人が閲覧しました

caption タグは、HTML テーブルにタイトルを追加するために使用されます。キャプションは、CSS を使用してテーブルの下部に直感的に配置できます。キャプションタグの具体的な使い方を見てみましょう。

キャプションタグの使い方

caption 要素はテーブルのタイトルを定義しますが、各テーブルに定義できるタイトルは 1 つだけです。通常、このタイトルはテーブルの上の中央に配置されます。 (参考アドレス: HTML table)

具体的な例を見てみましょう

コードは次のとおりです

<!DOCTYPE キャプションタグの使い方>
<キャプションタグの使い方>
<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>
</キャプションタグの使い方>

ログイン後にコピー

効果は次のとおりです。タイトルは表の真ん中にあります。

キャプションタグの使い方