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

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

推薦する

TypescriptとAxiosに基づくインターフェースリクエスト管理の詳細な説明

目次アイデア傍受を要求するレスポンスインターセプションhttpClient.tsを使用してリクエスト...

MySQL マスター スレーブ データが矛盾しています。プロンプト: Slave_SQL_Running: 解決策はありません

この記事では、MySQL マスターとスレーブ データ間の不一致の解決方法と、プロンプト「Slave_...

ハンドラー PageHandlerFactory-Integrated のモジュール リストに不正なモジュール ManagedPipelineHandler が含まれています

Web プロジェクトを開発する場合、IIS をインストールする必要があります。IIS がインストール...

Linux がますます人気になっている 10 の理由

Linux はますます多くのユーザーに愛されてきました。なぜ Linux はこれほど急速に発展し、い...

派手なカルーセル効果を実現するJavaScript

この記事では、JavaScriptで派手なカルーセル効果を実装する2つの方法を紹介します。具体的な内...

Vue における LocalStorage と SessionStorage の違いと使い方

目次LocalStorageとはSessionStorageとはLocalStorage と Ses...

リンクをクリックしたときにファイルのダウンロードダイアログボックスをポップアップ表示するには、HTML で href を使用します。

今日、新しい技を学びました。あまりやったことがなかったので、今まで知りませんでした...目的: リン...

JavaScript を使用して文字列内の最も繰り返しの多い文字を取得する方法

目次トピック分析する使用目的解決:コードは次のように実装されます。分析:配列とポインタ解決:コードは...

Win10 システムに MySQL8.0.13 をインストールする際の問題と解決策

オペレーティングシステム: Windows10 MySQL バージョン: 8.0.13-winx64...

nginx ロケーション優先度の詳細な説明

場所表現タイプ~ は大文字と小文字を区別して通常の一致を実行することを示します~*は大文字と小文字を...

MySQL マスタースレーブレプリケーションの実践の詳細説明 - GTID ベースのレプリケーション

GTIDベースのレプリケーション導入GTID ベースのレプリケーションは、MySQL 5.6 以降に...

JS配列インデックス検出におけるデータ型の問題の詳細な説明

WeChat アプレット プロジェクトを書いていたとき、その中に「都市選択」機能がありました。作者は...

Firefoxでリンクをクリックしたときに点線の枠線を削除する方法

今日、ブラウザの互換性の問題にいくつか遭遇しました。そのうちの 1 つは奇妙に感じました。Firef...

CentOS7でPHPスケジュールタスクを実行する方法

序文この記事は主に CentOS7 で PHP スケジュールタスクを実行することに関する関連コンテン...