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

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

推薦する

Windows での MySQL 8.0.15 の詳細なインストールと使用のチュートリアル

この記事では、MySQL 8.0.15の詳細なインストールと使用方法のチュートリアルを参考までに紹介...

Nginxは特定のページへのIPアクセスを制限します

1.すべてのIPアドレスが3つのページa1.htm、a2.htm、a3.htmにアクセスするのを禁止...

MySQLの不合理なMaxIdleConnsにより接続が短くなる

1 背景最近、Shimo Document のオンライン ビジネスでパフォーマンスの問題が発生しまし...

Homebrewを使用してMacにMySQLをインストールするときにログインできない問題を解決する

お使いのコンピュータが Mac の場合、homebrew を使用して MySQL をインストールする...

Linux での SELinux を理解する方法

目次1. SELinux の紹介2. SELinuxの基本概念2.1 仕事の種類2.2. セキュリテ...

Vue テンプレートのコンパイルの詳細

目次1. 解析する1.1 傍受のルール1.2 傍受プロセス部分1.3 パーサーの概要2. 最適化する...

Vue テンプレート構成と Webstorm コード形式仕様設定

目次1. コンパイラコードフォーマット仕様設定2. Vueテンプレートの設定1. コンパイラコードフ...

JavaScript の手ぶれ補正とスロットリングの説明

目次安定スロットリング要約する安定自動ドアは人を感知してドアを開け、5 秒間のカウントダウンを開始し...

入力要素 [type="file"] を使用する場合のスタイルのカスタマイズとブラウザの互換性の問題に関する議論

この2日間、Baixing.comの筆記試験問題を解いているときに、このような問題に遭遇しました。H...

DHTML オブジェクト (さまざまな HTML オブジェクトの共通プロパティ)

!DOCTYPE HTML ドキュメントが準拠するドキュメント型定義 (DTD) を指定します。 ...

Vueでキャッシュされたページを管理する方法

目次問題1: 破壊1. 破壊する方法2. いつ破壊するか2.1 解決策1: route.queryを...

html オプション 無効 選択 選択 無効 オプションの例

コードをコピーコードは次のとおりです。 <選択> <オプション値="&q...

HTML テーブル マウス ドラッグ ソート機能

効果画像: 1. ファイルをインポートする<script src="js/jquer...

Windows での MySQL 5.7.18 インストール チュートリアル

この記事では、圧縮パッケージから MySQL をインストールする方法について説明します。 1. My...

MySQL 8.0.14 のインストールと設定方法のグラフィックチュートリアル

この記事では、MySQL 8.0.14のインストールと設定のプロセスを記録しています。具体的な内容は...