Webデザイン:オンラインリファレンス

imgタグ

HTMLの中で画像を記述する

Webページ上に画像を表示するには,<img>タグを使う.<img>タグは,<img src="画像ファイル名" alt ="代替文字" title="タイトル文字">のような形式で使う.
<img>タグは通常の文字と同じように文中でも使用することができる.<img>タグは単独タグで用いられる.
また,画像を表示しないような設定や画像が表示されないトラブルなどに対応するため,画像の代わりに表示される文字列をaltオプションで記述し,表示された画像部分にマウスをのせたときに表示されるポップアップ説明用の文字列をtitleオプションで記述する.

使用例

例えば,HTMLで
056-1.png
のように記述すると,画像が正しく設定されている場合には,
056-2.png
のように表示され,画像にマウスをのせていると,「title」オプションに記載した説明用の文字列がポップアップする.
また,画像に不備があると,
056-3.png
のように画像は表示されず,「alt」オプションに記載した代わりの文字列が表示される.
↑インデックスに戻る←前の項目(054. Web画像の作り方)→次の項目(056. 箇条書き)