商品情報 (画像の回り込み方法1)

写真 こちらでは、画像の横にテキストを回り込みで指定しています。imgタグの中に、( class="picture" )を入れると、画像の横にテキストを回り込ませる事ができます。テキストの最後に( br clear="left" )というタグが入っていますが、そちらを入れた所で、テキストの回り込みを解除できます。これを入れないと、下↓の見出しが、ずれます。


商品情報 (画像の回り込み方法2)

写真 画像の横にテキストを回り込みをする2つ目の方法は、ホームページビルダーなどで、直接回り込みさせる方法です。( img src="画像ファイル" align="left" hspace="15" vspace="5" )など。この方法は、Web標準レイアウトの観点からは推奨されていませんが、わかりやすい方法です。


商品情報3

2列のレイアウトです。ホームページビルダーなどで、配置したい所にコピーしてください。
2列のレイアウトです。ホームページビルダーなどで、配置したい所にコピーしてください。


商品の一覧


こちらには、おすすめのアイテムやリンクなどを掲載してください。
▼ アイテム1の詳細

こちらには、おすすめのアイテムやリンクなどを掲載してください。
▼ アイテム2の詳細

こちらには、おすすめのアイテムやリンクなどを掲載してください。
▼ アイテム3の詳細


こちらには、おすすめのアイテムやリンクなどを掲載してください。
▼ アイテム1の詳細

こちらには、おすすめのアイテムやリンクなどを掲載してください。
▼ アイテム2の詳細

こちらには、おすすめのアイテムやリンクなどを掲載してください。
▼ アイテム3の詳細