表は、HTMLでオンラインカタログを作成する最も簡単な方法を提供します。 3列のテーブルには、製品の画像、説明、配送/注文情報を入力するスペースがあります。 テーブルに情報を挿入すると、テキストを揃えるのに必要な時間が短縮されます。 さらに、テーブルを使用すると、ページ上の情報を囲む空白を制御して、Webサイトの外観と明瞭さを向上させることができます。
ステップ1
開口部を使用して、1ピクセルの境界線を持つテーブルを定義します
鬼ごっこ：今日のビデオ
ステップ2
次のコードを使用して、セルの最初の行とその内容を挿入します。
ステップ3
次のコードを使用して、セルの2番目の行とその内容を挿入します。
ステップ4
終了タグでテーブルを閉じます。
 |
これは最初のアイテムの説明です。 | このアイテムは現在入手可能です。 |
 |
これは2番目の項目の説明です。 | この商品は入荷待ちです。 |
ヒント
この簡単な例では、2行3列のテーブルを作成します。 最初の列には、タグを使用した製品の60 x60ピクセルの画像が表示されます。 2列目と3列目には、製品の説明と在庫情報が表示されます。 各行はタグで開始および終了し、行の各項目はタグで開始および終了することに注意してください。 製品を説明するために必要な数の列または行を挿入します。
テーブル定義の境界線指定の直後にcellpaddingコマンドを挿入して、テーブルの境界線とコンテンツの間の空白の量を増やします。 例えば、
テーブルの各セルの内容の周りに10ピクセルの空白を作成します。参照
- W3Schools.com：HTMLテーブル
