1. カメラ
  2. カーオーディオ&エレクトロニクス
  3. ホームオーディオ
  4. パーソナルオーディオ
  5. テレビ
  6. スマートホーム
  >> 電子技術オンライン >  >> スマートホーム >> スマートライフ

HTML で列を作成する方法

Web サイトに列を追加すると、コンテンツを整理するのに役立ちます。実際、Web ページに含めることができる列の数に制限はありません。ただし、列をコーディングするには、別の HTML タグであるテーブルに関する知識が必要です。この 2 つのタグを組み合わせることで、クリーンで見栄えの良い Web サイトの可能性が無限に広がります。

ステップ 1

HTML エディターを起動します。プログラムのナビゲーション バーから [ファイル] と [新規] を選択します。画面に空白のドキュメントが表示されます。

ステップ 2

テーブルを作成します。テーブルは

タグで定義されます。各テーブルを行に分割し、各行をデータ セルに分割できます。データ セルは、列を定義するものです。 2 列のテーブルは次のようにコーディングされます:

列 1 列 2

ステップ 3

テーブルの境界線のプロパティを調整します。列に境界線を付けたい場合は、border="1" タグを table タグ内に配置します。 bordercolor="#000000" タグで HEX カラー コードを使用して境界線の色を変更します。 #000000 は黒です。境界線の色を表示するには、境界線を少なくとも "1" として定義する必要があります。

例:

列 1 列 2

ステップ 4

セルパディングまたはセル間隔を追加します。 Cellpadding は、境界線とセル コンテンツの間の空白の量です。 Cellspacing は、セル間の距離です。これらのタグは table タグ内に適用されます。 cellpadding または cellspacing を有効にする必要はありません。

例:

列 1 列 2

ステップ 5

列にコンテンツを追加します。テキスト、画像、フォームなどをテーブル データ タグ内に入れることができます。

ステップ 6

HTML ドキュメントを保存します。 Web サーバーにアップロードする前に、インターネット ブラウザでプレビューしてください。