【HTML】imgタグ - 画像
HTMLのimgタグについて解説します。
検証環境
imgタグ
imgタグは“画像を埋め込むタグ”です。
基本構文
<img src="画像パス">画像パスはURLや相対パスです。
属性
主な属性は次の通りです。
| 属性名 | 必須 | 内容 |
|---|---|---|
| src | ● | 画像パス |
| alt | - | 画像説明 |
サンプル
画像表示
___ih_hl_start
<img src="https://it-hack.net/storage/app/media/document/development/markup-language/html/tag/img/hacker-commandline.jpeg">
___ih_hl_end画像説明
画像説明はalt属性で設定します。
Webブラウザの表示に変わりませんが、検索エンジン対策に有効であったり、画像の読み込みに失敗した際に代わりに表示されます。
___ih_hl_start
<img src="https://it-hack.net/storage/app/media/document/development/markup-language/html/tag/img/hacker-commandline.jpeg" alt="Appを開発する風景">
___ih_hl_start
![【コマンドライン】ユーザーのグループ確認 [ groups ]](https://it-hack.net/storage/app/media/document/development/os/command/groups/thumbnail_0001.png)
![【コマンドライン】ユーザー・グループの確認 [ getent ]](https://it-hack.net/storage/app/media/document/development/os/command/getent/thumbnail_0001.png)
