HTML テーブルは、Web サイト上でデータを表示するための強力なツールを提供します。しかし、それらを習得するには、行と列だけでは不十分です。この記事はあなたの記事として役立ちます 究極のガイド HTML テーブルの可能性を解き放ち、 基本を超えて 。
前提条件: HTML の概要
目次
- HTML テーブルとは何ですか?
- HTML テーブル – コード例
- HTML テーブルで使用されるタグ
- HTML テーブルに枠線を追加する
- HTML テーブルにセル パディングを追加する
- HTML テーブルに左揃えの見出しを追加する
- HTML テーブルに境界線の間隔を追加する
- HTML テーブルに多くの列にまたがるセルを追加する
- テーブルに背景色を追加する
- ネストしたテーブルの作成
HTML テーブルとは何ですか?
HTML テーブルは、データを配列したものです。 行 そして 列 表形式で。 表は、テキスト情報や数値データの表示など、さまざまなタスクに役立ちます。テーブルは、さまざまな種類のデータ間のつながりを迅速かつ簡単に見つけるための便利なツールです。テーブルはデータベースの作成にも使用されます。
HTML テーブルのコード例
HTML
名> 姓> アゲス> トラ> プリヤット> シャルマット> 24td> tr> アルント> シンド> 32td> tr> サムト> ワトソント> 41td> tr> テーブル> 本体> html>>> 出力:

単純な HTML テーブル
HTML テーブルで使用されるタグ
終了タグとして。構文
Content...>
テーブルの行
行は、表のセルを組み合わせて形成できます。で表されます
そして、開始タグと終了タグとしてタグを付けます。
構文
Content...>
テーブルヘッダー
ヘッダーは通常、見出しを提供するために使用されます。テーブル ヘッダーを使用して、テーブルに見出しを追加することもできます。これには、
タグ。構文
Content...>
例 1: table タグを使用して HTML で単純なテーブルを作成します。
HTML
本名> 著者名> ジャンル> tr> 本泥棒> マルクス・ズザクト> 歴史小説td> tr> 残酷なプリンセト> ホリー・ブラックtd> ファンタジーtd> tr> 沈黙の患者td> アレックス・ミカエルデスト> 心理小説td> tr> table> body> html>>> 出力:

HTMLテーブル
HTML テーブルに枠線を追加する
境界線は CSS の border プロパティを使用して設定されます。表の枠線を指定しない場合は枠線なしで表示されます。
スイッチメソッドJava
構文
table, th, td { border: 1px solid black; }>
例 : HTML テーブルに枠線を追加します。
HTML