HTML <img> タグ：正しい理解と使い方

定義と使い方

<img> タグは、Image（イメージ）の略で、ウェブページ内に画像を表示するために使用されます。終了タグを持たない空要素です。

表示したい画像のファイルパス（場所）を指定する src 属性と、画像が読み込めなかった場合や音声読み上げブラウザで使用される代替テキストを記述する alt 属性が必須となります。alt 属性を適切に設定することは、アクセシビリティおよびSEOの観点から非常に重要です。

基本例

<!-- 基本的な画像表示（ロゴ画像） -->
<img src="../images/logo.png" alt="株式会社サンプルの会社ロゴ">

<!-- 横幅と高さを明示的に指定する場合 -->
<img src="../images/photo.jpg" alt="綺麗な青空の風景" width="600" height="400">