HTML タグ tbody の使い方と説明

HTML タグ tbody の使い方と説明
tbody 要素は、thead 要素および tfoot 要素と組み合わせて使用​​する必要があります。

構造化テーブル (IExplore のみ)

1. 行ごとにグループ化

<thead> ... </thead> - テーブルのヘッダー
<tbody> ... </tbody> - 表の本体
<tfoot> ... </tfoot> - 表のフッター

例:
<表の境界線>
<頭>
<tr><th>食べ物</th><th>飲み物</th><th>甘いもの</th></tr>
</thead>
<t本文>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
</tbody>
</テーブル>

2. 列でグループ化する

<colgroup align=#> #=左、右、中央

例:
<表の境界線の幅=160>
<列グループの位置合わせ=左>
<colgroup align=center>
<colgroup align=right>
<頭>
<tr><th>食べ物</th><th>飲み物</th><th>甘いもの</th></tr>
</thead>
<t本文>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
</tbody>
</テーブル>

3. 列属性制御

<col span=#> #=指定された属性を持つ列の数(左から始まる)
<col align=#> #=左、右、中央

例:
<表の境界線の幅=160>
<colgroup>
<col align=center span=2>
<colgroup align=right>
<頭>
<tr><th>食べ物</th><th>飲み物</th><th>甘いもの</th></tr>
</thead>
<t本文>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
</tbody>
</テーブル>

<<:  Navicat Premium15 でクラウド サーバーに接続する際のデータベースの問題と落とし穴

>>:  簡単な約束を段階的に実行する方法を教えます

推薦する

JavaScript における変数と関数の昇格の詳細な例

js 実行字句解析フェーズ: 形式パラメータ解析、変数宣言解析、関数宣言解析の 3 つの部分が含まれ...

Navicat 経由で MySQL にリモート接続する方法

Navicat を使用して IP 経由で直接接続すると、次のようなさまざまなエラーが報告されます: ...

MySQLの日次統計レポートでは、その日にデータがない場合には0が入力されます。

1. 問題の再現:各日の合計数を日ごとにカウントします。データのない日がある場合、グループ化によっ...

docker-swarm をベースにした継続的インテグレーション クラスタ サービスの構築の詳細な説明

序文この記事は私自身の製作過程の簡単な記録です。練習中に質問があれば、一緒に話し合うことができます。...

Web スライスとは何ですか?

IE8 の新機能 Web スライス (Web スライス) Microsoft は 3 月 20 日...

VUE を使用して Ali Iconfont ライブラリをオンラインで呼び出す方法

序文何年も前、私はサーバー側の初心者でしたが、業界の競争が激しくなるにつれて、フロントエンドの初心者...

VUEユニアプリ開発環境についての簡単な説明

目次1. HBuilderXビジュアルインターフェースを通じて2. vue-cliコマンドで実行する...

Win2008 R2 mysql 5.5 zip 形式 mysql のインストールと設定

Win2008 R2 zip形式のMySQLのインストールと設定1. Baidu MySQL 5.6...

LeetCode の SQL 実装 (175. 2 つのテーブルの結合)

[LeetCode] 175.2つのテーブルを結合する表: 人物+-------------+--...

MySQL データベースは何をしますか?

MySQL はリレーショナル データベース管理システムです。リレーショナル データベースは、すべて...

CSSアニメーションがJSによってブロックされるかどうかについての簡単な議論

CSS のアニメーション部分は JS によってブロックされますが、transform のアニメーショ...

Vue の要素カレンダー コンポーネントを使用したサンプル コード

まず効果図を見てみましょう: 完全なコードは添付されています <テンプレート> <...

MySQL ジョイントインデックスの使用ルール

結合指数は複合指数とも呼ばれます。複合インデックスの場合: MySQL はインデックス内のフィールド...

Nginx の Docker インストールの問題とエラー分析

質問: DockerにNginxをインストールするときに次のエラーが発生しました: docker: ...

10 HTML テーブル関連タグ

実際、多くの人が「テーブルは絶対に使用すべきではないと聞いたことがある」と言いますが、これは絶対に間...