ホームページ > 記事 > ウェブフロントエンド > キャプションタグの使い方
キャプションタグの使い方
- 不言オリジナル
- 2019-02-11 16:50:295424ブラウズ
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 までご連絡ください。
前の記事：oncopyイベントの使い方次の記事：oncopyイベントの使い方