サブページ見出し1(h2)

ここに文章や画像を入れてレイアウトしてくださいね。
右側の画像は画像の回り込みが右になるようにCSSでレイアウトしています。
画像の右寄せスタイルはCSSファイルの中にあります。

文章が短い場合など、レイアウトが崩れるので<div class="clear"><div>を入れて画像の回り込みを解除してください。

サブページ見出し2(h2)

左側の画像も同じくCSSで左寄せにしています。
あとは適当に文字などを入れてくださいね。

<img src="../img/sample_image.gif" alt="" width="200" height="150" class="imgleft" />のように"imgleft"のクラスを画像に指定すると左寄せになり、画像の両側に10pxのマージンができます。

サンプルテキスト サンプルテキスト サンプルテキスト  サンプルテキスト サンプルテキスト サンプルテキスト  サンプルテキスト サンプルテキスト サンプルテキスト  サンプルテキスト サンプルテキスト サンプルテキスト  サンプルテキスト サンプルテキスト サンプルテキスト  サンプルテキスト サンプルテキスト  サンプルテキスト  サンプルテキスト サンプルテキスト  サンプルテキスト サンプルテキスト

サブページ見出し(h3)

上のバーの背景画像は<h3>で指定するとこのようになります。
例)<h3>サブページ見出し</h3> のようにタグを入れてください。

尚、HPビルダーなどのHP作成ソフトを使うと、初期設定のままではファイルを勝手に書き換えてしまい、きれいに表示されない事があります。

編集画面ではレイアウトが崩れているかもしれませんが、プレビューで動作確認すればちゃんと表示されると思います。

サンプルテキスト  サンプルテキスト  サンプルテキスト
サンプルテキスト  サンプルテキスト  サンプルテキスト
サンプルテキスト  サンプルテキスト  サンプルテキスト

テーブルのサンプル

内容 内容 内容 内容
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT

このページのトップへ
inserted by FC2 system