HTMLテーブルは、行と列の基本を理解した後で簡単に作成することができます。また、テーブルを使用することがいつOKであるのか、それを回避する必要がある場合も理解できます。
テーブルとWebデザインの歴史
何年も前に、 CSSとWeb標準が受け入れられる前に、WebデザイナーはHTMLの
要素を使ってサイトのページレイアウトを作成しました。 ウェブサイトのデザインはパズルのような小さな断片にスライスされ、HTML表と組み合わされて意図したとおりにレンダリングされます。 これは非常に複雑なプロセスで、HTMLマークアップをたくさん作成し、ウェブサイトのマルチスクリーンの世界で今日は決して使えないものでした 。 CSSがウェブページのビジュアルとレイアウトのための受け入れられた方法になったので、これのためのテーブルの使用は避けられ、多くのWebデザイナーは誤って "テーブルが悪い"と信じていました。 それは真実であり、真実ではありません。 レイアウト用のテーブルは悪いですが、ウェブデザインやHTMLにはまだ位置づけられています。つまり、列車スケジュールのカレンダーのような表形式のデータを表示します。 そのコンテンツについては、表を使用することはまだ受け入れられて良いアプローチです。
だから、どのようにテーブルをレイアウトしますか? 単純に2x2のテーブルを作成しましょう。 これには2列(垂直ブロック)と2行(水平ブロック)があります。 2x2テーブルを作成したら、追加の行または列を追加するだけで、任意のサイズテーブルを作成できます。
難易度:平均
所要時間: 10分
方法は次のとおりです。
- まず、テーブル
を開きます。 - trタグ
を使用して最初の行を開きます。 - 最初の列をtdタグで開きます。
- セルの内容を書き込む
- 最初のセルを閉じて、2番目の td>
- 2番目のセルの内容を書き込む
- 2番目のセルを閉じて行を閉じます td> tr>
- 2番目の行を最初の
td> td> tr>と正確に書いてください。 - 次に、テーブルを閉じます。 table>
| 要素を使用して表ヘッダーをテーブルに追加することもできます。 これらのテーブルヘッダーは、次のように、最初のテーブル行の "テーブルデータ"部分を置き換えます。
ジェレミー td> | デザイナー td> tr> td> td> td> td> Jennifer td> | Developer td> | tr> table> このページがブラウザでレンダリングされるとき、テーブルヘッダーを持つ最初の行は、デフォルトで太字で表示され、表示される表のセルの中央に配置されます。
だから、HTMLでテーブルを使うのはいいですか? はい - レイアウト目的で使用していない限り 表形式の情報を表示する必要がある場合は、テーブルを使用します。 実際、正当なHTML要素を避けるためにいくつかの誤った純度があるため、テーブルを避けることは、レイアウトの理由からこの日と年齢で使用する場合と逆です。
ジェニファーキリンによって書かれています。 ジェレミージラール編集:8/11/16
| |