img要素
サポートされる画像形式
HTMLにはサポートされる形式の規定はなく、レンダリングエンジンに依存します。
属性
src
画像のURLを指定します。属性値はdata URIでも指定できます。
| コード | 表示例 |
|---|---|
<img src="sample.png" /> |
 |
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhE…" /> |
 |
width、height
widthまたはheightの一方だけを指定したとき、他方はアスペクト比が保たれるように調整されます。
| コード | 表示例 |
|---|---|
<img src="sample.png" /> |
|
<img src="sample.png" width="100" /> |
|
<img src="sample.png" width="100" height="50" /> |
|
alt
ChromeやSafariでも代替テキストを表示するには、widthやheightも指定する必要があります。
| コード | 表示例 |
|---|---|
<img alt="text" /> |
|
<img alt="text" width="100"/ > |
|
<img alt="text" width="100" height="100" /> |
参考
HTMLの情報サイトから、まとめて検索