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 でクラウド サーバーに接続する際のデータベースの問題と落とし穴

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

推薦する

CSSメディアクエリのアスペクト比を小さくする方法

CSS メディア クエリには非常に便利なアスペクト比、aspect-ratio があり、幅と高さを直...

MySQL ベストプラクティス: パーティションテーブルの基本タイプ

MySQL パーティションテーブルの概要MySQL の人気が高まるにつれて、MySQL に保存される...

単一選択折りたたみメニュー機能を実現するCSS

前回の「最もシンプルなスイッチを実現するCSS」のように、HTML5とCSS3でほとんどの機能をすで...

SQL ROW_NUMBER() および OVER() メソッドのケーススタディ

構文フォーマット: row_number() over(partition by grouping ...

node.js の require メソッドの読み込みルールの詳細な説明

require メソッドの読み込みルールキャッシュからの読み込みを優先するコアモジュールパス形式のモ...

Vue ルーティング遅延読み込みの詳細

目次1. ルートの遅延読み込みとは何ですか? 2. ルートの遅延読み込みの使用1. ルートの遅延読み...

画像を使用してハイパーリンクのパーソナライズされた下線を実現します

画像内に下線付きのリンクが表示されても驚かないでください。実はとても簡単なので、あなたにもできるので...

CSS の記述基準と順序を共有する [すべての人に使用を推奨]

CSSの記述順序1. 位置属性(位置、上、右、z-index、表示、フロートなど) 2. サイズ(...

html+vue+element-ui のスムーズさを 1 分で体験

テクノロジーファンHTMLウェブページ、知っておくべきYouyou が開発した vue フロントエン...

MySQL の暗黙的な型変換によって発生するインデックス障害の解決策

目次質問再生暗黙的な変換要約する参照する質問仕事中、1 つの SQL クエリ ステートメントのみを実...

Vue3 の使用 (パート 1) Vue CLI プロジェクトの作成

目次1. 公式ドキュメント2. Vue CLIプロジェクトを作成する1. Vue CLIをインストー...

vuex での mapState の考え方の応用

目次1. マップ方式2. 応用背景:需要開発プロセス中に、一部のインターフェースは、ページに表示する...

ViteでReactプロジェクトを構築する方法

目次序文Viteプロジェクトを作成する改修プロジェクトディレクトリの規則その他の構成序文毎日鳩、火ば...

CUDA10.0 のインストールと Ubuntu での問題

Tensorflow バージョンと Cuda および CUDNN の対応: https://tens...

WeChatアプレットのスクロールビューが左右にスライドできない問題を解決する方法

私は現在、自分自身の小さなプログラム プロジェクトに取り組んでいます。プロフェッショナルなフロントエ...