美容・健康・ファッション・インテリア・DVD・お花・ギフト 安全安心のお買い物

町工場ネット トップ  ◇サイトマップ ◇新規登録 ◇プライバシーポリシー ◇相互リンクの方法 ◇問い合わせ

町工場 | 総合 | 美容 | ファッション | インテリア | 家電 | 資格| 食料 | 個人開業 | 書籍 | ギフト | ホビー | CD・DVD

←前に戻る トップページ 内容一覧 次へ進む→
■文字を回り込ませる。

<TITLE>サンプル16</TITLE>
</HEAD>
<BODY>
<P><IMG src="pg003.gif" width="28" height="36" border="0" align="left">画像の右側にこのように文字をまわりこませます。テキスト行に普通に挿入すると表示されるのは1行だけです。このように回り込みを指定すると。何行でも表示します。画像の端に合わせて文字の頭がそろいます。</P>
<P><BR>
<BR>
<IMG src="pg003.gif" width="28" height="36" border="0" align="right">同じ回り込みですが反対側です。右側に画像が表示されます。もっと大きな画像でももちろん同じことが出来ます。<BR>
</P>
<P><IMG src="pg003.gif" width="28" height="36" border="0" align="left" vspace="5" hspace="10">同じように回り込ませていますが,上の2つの例は画像と文字の間にすきまがないので少し読みづらくなっています。このようにすこしすきまをあけるとずいぶんとすっきりするものです。<BR>
</P>
</BODY></HTML>

これがソースです。

align="left"を指定すると画像が文字の左に表示されます。
align="right"を指定すると画像が文字の右に表示されます。
vspace 縦の間隔です。
hspace横の間隔です。

縦と横の間隔は文字の大きさによって異なるようです。また必ずしも意図したとおりの間隔にはならないこともあるようです。

□ サンプル16を表示する(新しいタブで表示する)

←前に戻る トップページ 内容一覧 次へ進む→