ホームページ  >  記事  >  ウェブフロントエンド  >  キャプションタグの使い方

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

不言
不言オリジナル
2019-02-11 16:50:295409ブラウズ

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

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

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

この記事はここで終わります。フロントエンドに関するさらに興味深い内容については、PHP 中国語 Web サイトの関連コラム チュートリアルに注目してください。 ! !

以上がキャプションタグの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。