イメージの貼り付け
通常のイメージの貼り付け、配置方法です。
画像を左側に配置して画像の右側にテキストを回りこませる。
ここで回り込み解除
画像を右側に配置して画像の左側にテキストを回りこませる。
ここで回り込みを解除
これらのHTMLは以下のようになっています。
<p><img src="image/image1.jpg" alt="イメージ" width="200" height="150" class="l" />画像を左側に配置して画像の右側にテキストを回りこませる。</p>
<p class="cl">ここで回り込み解除</p>
<p><img src="image/image2.jpg" alt="イメージ" width="200" height="150" class="r" />画像を右側に配置して画像の左側にテキストを回りこませる。<br class="cl" />
ここで回り込みを解除</p>
画像の貼り付けに「class="l"」や「class="r"」を指定すると画像が左や右に配置されます。そのテキストの回りこみを解除するには<br>の改行で<br class="cl" />とするか次の段落などで<p class="cl">とすると回り込みが解除されます。
中央に画像を配置する
メインの部分の中央に画像を配置したい場合、以下のようにします。ただしこの場合はテキストの回りこみはありません。当然、回り込みの解除もありません。
このHTMLは以下のようになっています。
<p>メインの部分の中央に画像を配置したい場合、以下のようにします。ただしこの場合はテキストの回りこみはありません。<img src="image/image3.jpg" alt="イメージ" width="250" height="188" class="c" />当然、回り込みの解除もありません。</p>