imgタグで画像を表示しよう

imgタグとは、「image」の略でブラウザに画像を表示するために用意されたHTMLのタグです。
画像を指定するには、imgタグにsrc属性を使ってURLやファイルのパスを記述します。

imgタグを使用する際は、src属性と同時にalt属性も使用されることが多いです。
alt属性は、画像が表示できないブラウザなどで画像の代わりに代替えテキストを指定するための属性です。
以前のHTML4.01のバージョンでは必須でしたが、HTML5で必須ではなくなりました。
ただしalt属性はSEO対策でも重要な役目を果たすので、基本的には指定することをお勧めします。

imgタグを使用する際には気を付けなければいけないことがあります。
それはimgタグには、終了タグがなく、内容を持たないという点です。
h1タグなどの他タグの場合は、開始タグと終了タグの間に内容が入りますが、 img要素はimgというタグ単体になります。
このような内容を持たない要素のことを空要素と呼びます。

HTMLでは他にもmetaタグやinputタグなどが空要素にあたります。