HTMLテーブルには、Webサイトの情報が格納されています。
Webサイトに列を追加すると、コンテンツを整理するのに役立ちます。 実際、Webページに含めることができる列の数に制限はありません。 ただし、列をコーディングするには、別のHTMLタグであるテーブルの知識が必要です。 これらの2つのタグを組み合わせると、クリーンで見栄えの良いWebサイトの可能性が無限に広がります。
ステップ1
HTMLエディタを起動します。 プログラムのナビゲーションバーから「ファイル」と「新規」を選択します。 画面に空白のドキュメントが表示されます。
今日のビデオ
ステップ2
テーブルを作成します。 テーブルは次のように定義されます
鬼ごっこ。 各テーブルは行に分割でき、各行はデータセルに分割できます。 データセルは、列を定義するものです。 2列のテーブルは、次のようにコーディングされています。列1 | 列2 |
ステップ3
テーブルの境界線のプロパティを調整します。 列に境界線を付ける場合は、border = "1"タグをテーブルタグ内に配置します。 bordercolor = "#000000"タグ付きのHEXカラーコードを使用して、境界線の色を変更します。 #000000は黒です。 境界線の色を表示するには、境界線を少なくとも「1」として定義する必要があります。
例:
列1 | 列2 |
ステップ4
cellpaddingまたはcellspacingを追加します。 セルパディングは、境界線とセルコンテンツの間の空白の量です。 Cellspacingは、セル間の距離です。 これらのタグは、テーブルタグ内に適用されます。 セルパディングまたはセルスペーシングをアクティブにする必要はありません。
例:
列1 | 列2 |
ステップ5
列にコンテンツを追加します。 テキスト、画像、フォームなどをテーブルデータタグ内に入れることができます。
ステップ6
HTMLドキュメントを保存します。 Webサーバーにアップロードする前に、インターネットブラウザでプレビューしてください。