ホームページ  >  記事  >  ウェブフロントエンド  >  HTML テーブルの詳細な紹介

HTML テーブルの詳細な紹介

高洛峰
高洛峰オリジナル
2017-03-21 17:46:132092ブラウズ

HTML テーブルの例:

ポイント
ジル スミス 50
イブ ジャクソン 94
ジョン ドウ 80
アダム ジョンソン 67

HTMLテーブル

テーブルは

タグによって定義されます。各テーブルには多数の行 ( タグで定義) があり、各行は多数のセル (







ブラウザには次のように表示されます:

タグで定義) に分割されます。文字 td はテーブル データ、つまりデータ セルの内容を指します。データ セルには、テキスト、画像、リスト、段落、フォーム、水平線、表などを含めることができます。

テーブルの例

<テーブルボーダー="1">

行 1、セル 1 行 1、セル 2
行 2、セル 1 行 2、セル 2
行1、セル1 行1、セル2
行 2、セル 1 行 2、セル 2

HTML テーブルと境界線のプロパティ

border 属性を定義しない場合、テーブルには枠線が表示されません。これは便利な場合もありますが、ほとんどの場合は境界線を表示したいと考えます。

ボーダー付きのテーブルを表示するには、border 属性を使用します:

<テーブルボーダー="1">

行 1、セル 1
行 1、セル 2

HTMLテーブルヘッダー

テーブルのヘッダーは タグを使用して定義されます。

ほとんどのブラウザでは、ヘッダーが太字で中央に配置されたテキストとして表示されます:

<テーブルボーダー="1">

ヘッダー 1
ヘッダー 2


行 1、セル 1
行 1、セル 2


行 2、セル 1
行 2、セル 2

ブラウザには次のように表示されます:

ヘッダー 1 ヘッダー 2
行1、セル1 行1、セル2
行 2、セル 1 行 2、セル 2

HTMLテーブルタグ

タグ 説明
テーブルを定義する
テーブルのヘッダーを定義します
テーブルの行を定義します
表のセルを定義する
テーブルのタイトルを定義します
<コルグループ> テーブル列のグループを定義する
テーブル列のプロパティを定義する
テーブルヘッダーを定義します
<みんな> テーブルの本体を定義します
テーブルのフッターを定義します

以上がHTML テーブルの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。