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

HTMLのtheadタグの使い方

silencement
リリース： 2019-05-27 11:06:52
オリジナル
4897 人が閲覧しました

HTMLのtheadタグの使い方

タグの定義と使用法

1. HTML では、 タグは HTML テーブルを結合するために使用されます。ヘッダー コンテンツは通常、テーブルのヘッダー、本文、フッターをそれぞれ定義するために、

タグおよび タグと一緒に使用されます。

2. タグは

タグ要素の子要素である必要があり、タグ、 の後に適用されます。 タグ 前。

3.

タグ、

タグ、および タグは、デフォルトでは表のレイアウトに影響しません。通常、CSS は表のスタイルを定義するために使用されます。

タグの基本属性 (html5 ではサポートされなくなりました)

右揃え:

要素内のコンテンツの配置 (値: left、center、justify、char)。

char:

要素内の文字は、テキストの配置に使用されます (値: 文字)。

charoff:

要素内のコンテンツの最初の位置合わせ文字のオフセット (値: 数値)。

valign:

要素内のコンテンツの垂直方向の配置 (値: top、middle、bottom、baseline)。

タグは、HTML グローバル属性と HTML イベント属性をサポートします

Format

<thead>
<tr>
<td>......</td>
</tr>
......
</thead>
ログイン後にコピー

Instance

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>html< tbody>标签笔记</title>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>thead1</th>
<th>thead2</th>
<th>thead3</th>
</tr>
</thead>
<tfoot>
<tr>
<td>tfoot1</td>
<td>tfoot2</td>
<td>tfoot3</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>tbody1</td>
<td>tbody2</td>
<td>tbody3</td>
</tr>
</tbody>
</table>
</body>
</html>
ログイン後にコピー

操作結果:

HTMLのtheadタグの使い方

タグ、

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

関連ラベル：
html thead标签
ソース：php.cn
前の記事：HTMLのthタグの使い方 次の記事：HTMLの強力なタグの使い方
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
SQL Count() にも 0 が必要です テーブルが 1 つだけあり、0 で始まるタグの各エントリをカウントしたいと考えています。今度はこれを試します: SELECT tag,COUNT(start)ASAnzahl,us...
から 2024-04-06 19:48:53
0
1
449
CSS スタイルがサイトに適用されない Bootstrap5を使用してWebサイトを作成していますが、index.cssプロパティがindex.htmlに適用されません。サービス カードの上にマウスを移動すると、背景が変...
から 2024-04-06 17:12:23
0
1
336
hr タグが単色白に設定されているのに半透明になるのはなぜですか? HTML（ブートストラップ付き）とCSSがあり、HTMLにはクラスを持つ<hr>タグがあり、CSSにはその境界線スタイルがあります。半透明で白い色は見えますが、「固体」...
から 2024-04-06 16:13:26
0
1
500
ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...
から 2024-04-06 15:35:24
0
1
274
ページのメインディスプレイに画像を表示するにはどうすればよいですか? 私がやりたいのは、NASAAPI を使用して写真を受信することです。これらの写真は、マイページのサムネイルとメインディスプレイに表示されます。コードがサムネイルから画像を取得してペ...
から 2024-04-06 15:33:12
0
1
433
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート