HTMLで列を作成する方法

click fraud protection
...

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サーバーにアップロードする前に、インターネットブラウザでプレビューしてください。