【HTML】imgタグ - 画像

【HTML】imgタグ - 画像

HTMLのimgタグをご紹介します。

imgタグ

imgタグは画像を埋め込みます。

基本構文

<img src="画像パス">

属性

主な属性をご紹介します。

属性名 必須 内容
src 画像パス
alt - 画像説明

サンプルコード

画像表示

<img src="/storage/app/media/image/hacker-commandline-2048x1365.jpeg">

画像説明付き

画像説明はalt属性で設定します。
ブラウザの表示は変わりませんが、検索エンジン対策に有効であったり、画像の読み込みに失敗した場合、代わりに表示されます。

<img src="/storage/app/media/image/hacker-commandline-2048x1365.jpeg" alt="Appを開発してるシーン">