コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLでテーブルタイトルを設定する方法

HTMLでテーブルタイトルを設定する方法

青灯夜游
リリース： 2021-10-11 14:50:56
オリジナル
11900 人が閲覧しました

HTML では、caption タグを使用して表のタイトルを設定できます。このタグの機能は、表のタイトルを定義することです。構文は「

Table title」です。 ; キャプション タグは「
」タグに配置する必要があります。

HTMLでテーブルタイトルを設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

HTML では、

タグを使用して表のタイトルを設定できます。

タグの機能は、表のタイトルを定義することです。

タグは、「
」タグ ペア内に配置する必要があり、 タグの直後に配置する必要があります。

テーブルごとに定義できるタイトルは 1 つだけです。

例:

<table border="1">
	<caption>人物信息</caption>
	<tr>
		<th>姓名</th>
		<th>年龄</th>
	</tr>
	<tr>
		<td>Peter</td>
		<td>20</td>
	</tr>
	<tr>
		<td>Lois</td>
		<td>20</td>
	</tr>
</table>
ログイン後にコピー

HTMLでテーブルタイトルを設定する方法

通常、このタイトルはテーブルの上の中央に配置されます。ただし、CSSプロパティ「text-align」と「caption-side」を使用して、タイトルの配置と表示位置を設定できます。 

<table border="1">
	<caption style="caption-side:bottom;">人物信息</caption>
	<tr>
		<th>姓名</th>
		<th>年龄</th>
	</tr>
	<tr>
		<td>Peter</td>
		<td>20</td>
	</tr>
	<tr>
		<td>Lois</td>
		<td>20</td>
	</tr>
</table>
ログイン後にコピー

HTMLでテーブルタイトルを設定する方法

推奨チュートリアル: 「html ビデオ チュートリアル」

以上がHTMLでテーブルタイトルを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
html 表のタイトル
前の記事：HTML画像の透明度を設定する方法 次の記事：HTMLで画像を表示する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
<html><>と入力すると、どのようにして<html></html>になるのでしょうか？
から 1970-01-01 08:00:00
0
0
0
HTMLの概要
から 1970-01-01 08:00:00
0
0
0
HTMLの概要
から 1970-01-01 08:00:00
0
0
0
HTMLとHTML5の違い
から 1970-01-01 08:00:00
0
0
0
HTML コンテンツを別の HTML ページに送信する方法
から 1970-01-01 08:00:00
0
0
0
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート