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