コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > キャプションタグの使い方

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

不言
リリース： 2019-02-12 13:26:28
オリジナル
5473 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル：
caption
ソース：php.cn
前の記事：oncopyイベントの使い方 次の記事：無効な属性の使用方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Linux Bash: HTML テーブル データ ブロックを簡単に削除 bash スクリプトを使用して処理される HTML ファイルがあり、空のテーブルを削除したいと考えています。ファイルは SQL ステートメントから生成されますが、レコードが見つから...
から 2024-04-02 09:13:43
0
1
332
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート