画像の設定
<IMG SRC>...画像ファイルの指定(URLで指定)
ALT...画像の名前(画像が表示されない場合、代わって表示する)
ALIGN...画像に対してのテキストの位置/回り込み設定(上下:top,middle,bottom/回り込み:left,right)
VSPACE...上下の空きスペース(ピクセルで指定)
HSPACE...左右の空きスペース(ピクセルで指定)
1.ALT
ALTタグは画像ファイルが表示されるまでの間、または、何かのミスで表示されない場合に、代わりにテキストを表示させることにもなります。
例:画像がない場合
<img src="000.gif" ALT="ひまわり">
実際の表示
![]()
2.画像とテキストの位置
ALIGNタグを使用することによって、画像に対してのテキスト位置や回り込みの設定などができます。
例&表示:画像とテキスト位置の違い
ALIGN=TOPの場合
ALIGN=CENTERの場合
ALIGN=BOTTOMの場合
例&表示:テキストの回り込み
ALIGN= "LEFT"と指定した場合
このようにALIGN= "LEFT"と指定すると次の行から、画像の左側にテキストが流れ込みます。
更にHSPACE="ピクセル数"を加えることで、画像とテキストの間隔を調整することができます。
ALIGN= "LEFT" HSPACE="10"を加えると
このようにALIGN= "LEFT"と指定すると次の行から、画像の左側にテキストが流れ込みます。
更にHSPACE="ピクセル数"を加えることで、画像とテキストの間隔を調整することができます。
以上のように画像設定一つにしても、いろいろバリエーションが楽しめるわけです。特に回り込みは、レイアウトデザインの能力が必要とされるので、よく考えて使用すると良いでしょう。以 上