商品カテゴリ1 (画像の回り込み方法1)

写真 こちらでは、画像の横にテキストを回り込みで指定しています。imgタグの中に、( class="picture" )を入れると、画像の横にテキストを回り込ませる事ができます。

テキストの最後に( br clear="left" )というタグが入っていますが、そちらを入れた所で、テキストの回り込みを解除できます。これを入れないと、下↓の見出しが、ずれます。

商品カテゴリ2 (画像の回り込み方法2)

写真 画像の横にテキストを回り込みをする2つ目の方法は、ホームページビルダーなどで、直接回り込みさせる方法です。( img src="画像ファイル" align="left" hspace="15" vspace="5" )など。

この方法は、Web標準レイアウトの観点からは推奨されていませんが、わかりやすい方法です。


商品カテゴリ3

2列のレイアウトです。ホームページビルダーなどで、これを配置したい所にコピーしてご利用ください。
テーブルタグで指定しています。画像も入れ替えてください。画像のサイズは 110px x 100px です。


商品カテゴリ4

ホームページ作成ソフトをご利用の際は、この見出し↑の前後をコピーして、下に貼り付けで増やしていってください。