画像[Inline image tag]
<img src="***">
画像を表示させるタグです。ホームページで表示できる画像には「jpg(jpeg)」「gif」「png」の3種類があります。 「sample.gif」のように拡張子まで記載しないと画像は表示されません。 オンマウス(マウスを画像の上に乗せること)で説明文を表示させたい場合は、「alt属性」を記載します。 画像のサイズを指定しない場合、画像の表示に時間がかかりますので、「width属性」と「height属性」は必ず設定しましょう。
HTMLソース
<p>
<img src="image.gif" width="32" height="32">
<br>
<img src="image.gif" width="32" height="32" alt="画像">
<br>
<a href="http://www.aozoraweb.com/banner/" target="_blank">
<img src="image.gif" width="32" height="32" alt="画像">
</a>
<br>
<a href="http://www.aozoraweb.com/banner/" target="_blank">
<img src="image.gif" width="32" height="32" alt="画像" border="0">
</a>
</p>
<img src="image.gif" width="32" height="32">
<br>
<img src="image.gif" width="32" height="32" alt="画像">
<br>
<a href="http://www.aozoraweb.com/banner/" target="_blank">
<img src="image.gif" width="32" height="32" alt="画像">
</a>
<br>
<a href="http://www.aozoraweb.com/banner/" target="_blank">
<img src="image.gif" width="32" height="32" alt="画像" border="0">
</a>
</p>
属性 | 値 | 機能 |
---|---|---|
src | 画像ファイルのアドレス | 画像ファイルのアドレス |
alt | テキスト | 代替テキスト |
border | 数値 | 枠の太さ |
width | 数値 | 幅 |
height | 数値 | 高さ |