ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLテーブルの作り方

HTMLテーブルの作り方

藏色散人
藏色散人オリジナル
2021-04-29 14:41:0732235ブラウズ

HTML テーブルの作成方法: 最初にラベル テーブルを使用して HTML にテーブル タグを入力し、次に行と列を設定し、次にボーダーを使用してテーブル タグの境界線を設定し、最後にキャプションを使用します。タグを使用して表にタイトルを追加します。

HTMLテーブルの作り方

#この記事の動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

テーブルを作成するには、タグ table を使用して HTML にテーブル タグを入力し、行と列を設定する必要があります。tr は行を表し、td は列を表し、関連する行と列の内容。

HTMLテーブルの作り方

Web ページをプレビューすると、Web ページの表示形式は枠線がないため、表のように見えません。このとき、枠線を設定する必要があります。 table タグの場合は、図に示すように、table タグ内で border の値を定義し、Web ページをプレビューするときにテーブル スタイルを確認できるようにします。

HTMLテーブルの作り方

図のテーブル ヘッダーはテキスト コンテンツと同じ表示形式です。テーブル ヘッダーとして td タグの代わりに th タグを使用できます。ヘッダー内のテキストを自動的に変換します。ヘッダー形式が強調的に定義されるように、コンテンツは太字で中央揃えで表示されます。

HTMLテーブルの作り方

キャプション タグを使用して表にタイトルを追加できます。キャプションはテーブル タグのサブタグであり、テーブル タグ内に記述する必要があります。キャプションに定義する必要があるタイトル テキスト。

HTMLテーブルの作り方

2 つの行の値が同じ場合、それらを行スパン値に設定できます。図に示すように、2 つの行のデータが同じである場合、一貫性がある場合は、行スパン値を 2 に直接設定します。次の行のこの値は必要ありません。個別に定義され、3 つの行が同じ値を持つ場合は、直接 3.

に設定できます。 HTMLテーブルの作り方

同じデータの複数の列をまとめて表示するには、図に示すように、colspan を使用して設定できます。表示では、3 列目のすべての内容が一貫して表示されます。マージ効果を設定できます。表のように入力してまとめて表示するため、各列に内容を入力する必要はありません。

HTMLテーブルの作り方

HTML/CSS の詳しい知識については、

HTML ビデオ チュートリアル 列をご覧ください。

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

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