素人珈琲

December 22, 2005

HTML教えます　その３

(3)

「HTML教えます」も、ついに第3回を迎えました

本日は昨日に引き続き「 画像とテキスト（文字）の位置調整 」

昨日の例をまた参考にします

HTML	<img src="http://image.jpeg" width="60" height="60" align="left">この狸は、自宅の庭に飾ってある置物の狸です。最近、この狸が我が一家でブームなのです。それは、ただの狸にしか見えないこの置物が何と・・・
表示	この狸は、自宅の庭に飾ってある置物の狸です。最近、この狸が我が一家でブームなのです。それは、ただの狸にしか見えないこの置物が何と・・・

上の例では、画像とテキストの間隔がないので、ちょっと見にくいです

このときに用いるのが <hspace="○"> です
○に入るのは、間隔の大きさを表す数字（ピクセル）が入ります

では、実際にやってみます

HTML	<img src="http://image.jpeg" width="60" height="60" align="left" hspace="10"
表示	この狸は、自宅の庭に飾ってある置物の狸です。最近、この狸が我が一家でブームなのです。それは、ただの狸にしか見えないこの置物が何と・・・