◇<IMG src="○○.gif" align="left">
画像を左によせて、表示させるには、IMGタグの中に、 align="left"を入れ込みます。こうすると、画像の右側のスペースに、文章が回り込んで表示されます。

普通、文章はこのように、画像の横に表示され、その1行が終われば、2行目は画像の下に表示されます。

次に、この画像に、align="left"と、設定すると、このように、文章は、画像の右スペースに、回り込んで表示されます。
この回り込みは、画像の横のスペースいっぱいになるまで、続きます。

こちらは、画像を右によせた場合です。
文章は、左のスペースに回り込んで、表示されます。

画像の左よせ
<IMG src="i_p41.gif" align="left">

画像の右よせ
<IMG src="i_p41.gif" align="right">

◇<BR clear="right">

上記の文章の回り込みを途中で終わらせたい場合、
<BR clear="left"> (または、<BR clear="right">)で、文章の回り込みを
終了させることができます

この文章は、イラストの右側に回り込んで、表示されます。
ここからは、イラストの下に表示されます。
<IMG src="i_p41.gif" align="left">この文章は、イラストの右側に回り込んで、表示されます。<BR clear="left">ここからは、イラストの下に表示されます。
画像の左よせ の終了
<BR clear="left">

画像の右よせの終了
<BR clear="right">

◇<IMG src="○○.gif" hspace="△△" vspace="△△">
画像のまわりに空白スペースを作る場合、IMGタグに、hspace="△△" vspace="△△"を追記します。△は数字を入れます。


画像のまわりに、空白スペースができます。
空白スペースは、上下(vspace="△△")と、左右(hspace="△△")に、設定できます。

<IMG src="i_p41.gif" hspace="20" vspace="10">


←TOP NEXT→


by Anne