インライン画像

インライン画像の表示

HTMLで画像をページの中(インライン)に表示するには

というタグを使用する。
このタグを使用して表示できる画像フォーマットの種類は以下の通りである。

詳しいことは 画像ファイルのフォーマット を参照のこと。

また文章と画像の相対位置を変えるには

というオプションをタグの中に書いておく。

それからこのIMGタグを使用する時は、画像を表示しない・できないブラウザーを使って ページを見る人のためにALTタグも含めておくと良い。
ALTタグの後にその画像の説明を書いておく。

これが私の画<IMG SRC = "myown.gif">です。

は次のように表示される。


これが私の画*です。

また、ALIGNを使用すると以下のようになる。

これが私の画<IMG SRC = "myown.gif" ALIGN = "top">です。

これが私の画*です。
これが私の画<IMG SRC = "myown.gif" ALIGN = "middle">です。

これが私の画*です。
これが私の画<IMG SRC = "myown.gif" ALIGN = "bottom">です。

これが私の画*です。

そして

これが私の画<IMG SRC = "myown.gif" ALT =  "[My face]" >です。

と、 ALTタグを入れておくことによって、画像を表示しないブラウザーの場合にも 何の画像かと言うことがわかるので見る人に対して親切だろう。


これが私の画[My face]です。

参考


prev | next
index | home
abe@injapan.net