HTML チュートリアル > HTML 上級知識 チュートリアル > 一般的なレイアウトテクニック

HTMLにおける一般的なレイアウトテクニックの解説。

一般的なレイアウトテクニック

スポンサード リンク

Web上では、テーブルを使ったレイアウトテクニックが一般的に広まっています。

テーブルを使ったレイアウトテクニック

HTMLのレイアウトで、一般的にテーブルでレイアウトを整える方法がよく使用されます。

この部分では、テーブルを使って新聞欄のような2カラムでレイアウトしています。

このように、左カラムと右カラムに分かれています。

このテキストは左カラムで表示されます。

HTMLの<table>タグは、この部分を2カラムに分割するために使用されています。

境界線をなくし、少し余白を設定することで実現できます。

非常にたくさんの文章を書いたとしても、ちゃんとカラム内に収まるので問題ありません。

テーブルを使ったレイアウトに色を加える

HTMLのレイアウトで、一般的にテーブルでレイアウトを整える方法がよく使用されます。

この部分では、テーブルを使って新聞欄のような2カラムでレイアウトしています。

このように、左カラムと右カラムに分かれています。

このテキストは左カラムで表示されます。

HTMLの<table>タグは、この部分を2カラムに分割するために使用されています。

境界線をなくし、少し余白を設定することで実現できます。

非常にたくさんの文章を書いたとしても、ちゃんとカラム内に収まるので問題ありません。

HTMLレイアウトのサンプル

HTMLページの一部を、新聞欄のようなカラムに分割することはとても簡単です。あなたにもそれを体験してもらうために、テーブルを使った簡単なレイアウトのサンプルを用意してみました。

スポンサード リンク