2x2テーブルを作成する - HTMLテーブルを使用するとわかる

HTML表は、行と列の基本を理解した後で簡単に作成できます。また、表を使用することがいつOKであるのか、またそれらを避けるべきときを理解すれば簡単に作成できます。

テーブルとWebデザインの歴史

何年も前、CSSとウェブ標準が受け入れられる前に、ウェブデザイナーはHTML

要素を使用してサイトのページレイアウトを作成します。ウェブサイトのデザインはパズルのような小さな断片にスライスされ、HTML表と組み合わされて意図したとおりにレンダリングされます。それは非常に複雑なプロセスで、余分なHTMLマークアップを作成し、ウェブサイトのマルチスクリーンの世界で今日は使えないものでした。CSSがウェブページのビジュアルやレイアウトのための受け入れられた方法になったので、多くのWebデザイナーは間違って「テーブルが悪い」と信じていました。それは真実であり、真実ではありません。レイアウト用のテーブルは悪いですが、まだウェブデザインやHTMLにカレンダーや電車のスケジュールのような表データを表示する場所があります。そのコンテンツについては、表を使用することはまだ受け入れられて良いアプローチです。

だから、どのようにテーブルをレイアウトしますか？単純に2x2のテーブルを作成しましょう。これには2列（垂直ブロック）と2行（水平ブロック）があります。 2x2テーブルを作成したら、追加の行または列を追加するだけで、任意のサイズテーブルを作成できます。

ここではどのように

1. 最初にテーブルを開きます

trタグで最初の行を開きます。

最初の列をtdタグで開きます。

セルの内容を書き込む

最初のセルを閉じて2番目のセルを開きます

2番目のセルの内容を書き込む

2番目のセルを閉じて行を閉じる

2番目の行を最初の行と同じ

その後、テーブルを閉じる

それでおしまい！

また、テーブルヘッダーをテーブルに追加することもできます。

素子。これらのテーブルヘッダーは、次のように、最初のテーブル行の「テーブルデータ」を置き換えます。

名	役割
ジェレミー	デザイナー
ジェニファー	開発者

このページがブラウザでレンダリングされるとき、テーブルヘッダーを持つ最初の行は、デフォルトで太字で表示され、表示される表のセルの中央に配置されます。

だから、HTMLでテーブルを使うのはいいですか？

はい、レイアウト目的で使用していない限り、テーブルを使用しても問題ありません。表形式の情報を表示する必要がある場合は、テーブルを使用します。実際、正当なHTMLエレメントを避けるために誤解された純度のためにテーブルを避けることは、レイアウトの理由からこの日と年齢で使用することと逆のことです。

ジェニファーキリンによって書かれています。ジェレミージラール編集。