HTMLタグtbodyの使用方法と説明
2022-01-30 11:03:15
tbody要素は、thead要素、tfoot要素と組み合わせて使用する必要があります。
テーブルのグループ化表示(構造化テーブル)(IExploreのみ)
I. 行ごとのグループ化
<thead> ... </thead> - テーブルのヘッダ
<tbody> ... </tbody> - テーブルの本体(Body)です。
<tfoot> ... </tfoot> - テーブルのフッター(Footer)です。
例
<table border>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th></tr>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
</tbody>
</table>
II. 列によるグループ化
<colgroup align=#> #=left, right, center
例
<table border width=160>
<colgroup align=left>
<colgroup align=center>
<colgroup align=right>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th></tr>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
</tbody>
</table>
III. カラムプロパティ制御
<col span=#> #=指定された属性を持つ列の数(左から数えて)です。
<col align=#> #=left, right, center
例
<table border width=160>
<colgroup>
<col align=center span=2>
<colgroup align=right>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th></tr>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
</tbody>
</table>
テーブルのグループ化表示(構造化テーブル)(IExploreのみ)
I. 行ごとのグループ化
<thead> ... </thead> - テーブルのヘッダ
<tbody> ... </tbody> - テーブルの本体(Body)です。
<tfoot> ... </tfoot> - テーブルのフッター(Footer)です。
例
<table border>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th></tr>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
</tbody>
</table>
II. 列によるグループ化
<colgroup align=#> #=left, right, center
例
<table border width=160>
<colgroup align=left>
<colgroup align=center>
<colgroup align=right>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th></tr>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
</tbody>
</table>
III. カラムプロパティ制御
<col span=#> #=指定された属性を持つ列の数(左から数えて)です。
<col align=#> #=left, right, center
例
<table border width=160>
<colgroup>
<col align=center span=2>
<colgroup align=right>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th></tr>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
</tbody>
</table>
関連
-
html+css implement picture upper right corner with delete fork, picture delete button.
-
Htmlで水平ナビゲーションの構造を設定する方法
-
HTMLの終了タグの問題とW3C標準
-
Adobe Bracketsの簡単な使い方のグラフィックチュートリアル
-
html 固定タイトル列、タイトルヘッダーテーブル固有の実装コード
-
this.parentNode.parentNode(親ノードの親ノード)とは何ですか?
-
ページ内ジャンプの手法を実現するためのタグのname属性とid属性
-
HTMLにおける絶対パスと相対パスの違いの解析
-
ページコード修正の効率化 HTML言語のコア知識の習得
-
xhtmlのブロックレベルマークアップをわかりやすく解説
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
フロントエンドページのポップアップマスクは、ページのスクロールを無効にします。
-
フォームタグを使用した登録ページのHTMLサンプルコード
-
HTMLページのスクロールは、コンテンツの位置の一部が固定されていない場合の実装
-
HTMLの使用は、制限されたipの投票サイト不正プログラムを達成するために
-
ReadonlyとDisabledのわずかな違いについて説明します。
-
フラッシュプラグインを使用してPCカメラを呼び出す方法TMLページに埋め込む方法
-
html タグ dl dt dd 使用説明書
-
熟練したhtmlライティングスタイルの分析と理由
-
htmlフレーム、Iframe、Framesetの違いについて
-
基礎学習チュートリアルのHTMLテーブルの表タグ