HTML の THead タグ

要素またはタグは

とともに hand で使用されます。タグと タグを使用して、テーブル ヘッダー、テーブル フッター、テーブル本体をそれぞれ定義します。 要素は HTML テーブルのヘッダーを定義します。テーブルの列見出しを作成する行または行のセットを定義するには、 を使用します。要素。つまり、この要素は HTML テーブル内のヘッダー コンテンツをグループ化します。 1 つまたは複数の行全体を囲み、テーブル ヘッダーとして分類します。このトピックでは、HTML の THead タグについて学習します。

テーブル ヘッダーは、列またはテーブル本体データに関する情報を含む 1 つまたは複数の行で構成されます。

の使用方法HTML の要素?

要素は、HTML テーブルのヘッダー部分を指定します。この はしたがって、テーブル要素

の直接の子としての位置を確保します。 、、または を使用します。要素。 要素は、任意の の後に出現する場合があります。要素がある場合は、 で囲まれた少なくとも 1 行のデータが含まれます。要素。

構文

<thead>
<tr>
</tr>
</thead>

もちろん、上に示したように、他の HTML 要素と同様に、

要素も、開始タグ、 のペアで機能します。パートナー、終了タグ、 があります。 .

HTML の THead タグの例

次の例を考えてみましょう:

例 #1

コード:

<title>HTML thead Tag</title>

を使用する前に、要素を使用するには、

This is the header section of the table
This is the footer section of the table
Data 1	Data 2	Data 3	Data 4
...more rows of data here...
...
...more rows of data here...
Data 1	Data 2	Data 3	Data 4

出力:

テーブルのヘッダーに 2 行が必要な場合は、両方の

行が必要であることに注意してください。要素データは 1 つの に追加できます。要素。 を 2 つ追加しないようにしてください。 1 つのテーブルの要素セクション。以下の例では、ヘッダー セクションの下に 2 つの行があります:

例 #2

コード:

Header 1 Row 1		Header 2 Row 1
Header 1 Row 2	Header 2 Row 2	Header 3 Row 2	Header 4 Row 2
Data 1	Data 2	Data 3	Data 4

出力:

例 #3

コード:

Header 1 Row 1		Header 2 Row 1
Header 1 Row 2	Header 2 Row 2	Header 3 Row 2	Header 4 Row 2
Data 1	Data 2	Data 3	Data 4

出力:

上記のコードはどちらも同じ出力を生成し、別々の を使用していることに注目してください。 2 つのヘッダーの要素は、一部のブラウザーで処理されます。ただし、これは依然としてセマンティック エラーであり、適切なプログラミングでは使用すべきではなく、HTML 検証サービスによって危険信号として提起されます。

例 #4

以下に別の例を見てみましょう。次の例では、4 行のデータで構成されるテーブル本体を持つテーブルを作成しました。ヘッダーは、CSS を使用して背景色に設定された 1 行のデータで構成されます。 、

または HTML テーブルのデフォルトの外観には影響しません。したがって、CSS を少し手伝ってもらうだけで十分です。

コード:

Time Table

Mon	Tue	Wed	Thu	Fri
Science	Maths	Hindi	Hindi	English
English	Hindi	Maths	Social	Science
Lunch
Science	English	Maths	Hindi	Social

出力:

HTML の THead タグの属性

HTML 要素は、次の追加属性をサポートしています。

• align: この属性は、 のコンテンツを整列させます。要素とその中にあるすべてのもの。値として left、right、center、justify、char を使用します。
• char: この属性は、 への配置を指定します。 align 属性が char に設定されている場合の要素の内容。
• valign: 内のコンテンツの垂直方向の配置を指定します。要素。値として上部、中央、下部、またはベースラインを使用します。
• charoff: この属性は、char 属性で指定された 1^st 文字に対するオフセットを指定します。つまり、いつ整列するかが char に設定されます。
• bgcolor: 内の各セルの背景色を設定するのに役立ちます。要素。

  結論

  私たちは、 がどのように機能するかを見ました。要素はテーブル データではなく列ラベルを識別し、ヘッダーに関する情報を保持してブラウザーにフィードし、コンテンツとその意味をテクノロジーに支援します。

以上がHTML の THead タグの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。