画像
CoddyのHTMLジャーニー「Fundamentals」セクションの一部 — レッスン 23/60。
画像を使うことでウェブページをより魅力的にすることができ、HTMLで画像を追加するには <img> タグを使用して簡単に行えます。<img> タグは自己完結型（セルフクロージング）であり、終了タグを必要としません。
画像を表示するには、src属性を使用する必要があります。この属性は、画像の場所（URLまたはファイルパス）を指定します。以下に例を示します：
<img src="https://coddy.tech/images/bit.svg" />この例では、ブラウザはURL https://coddy.tech/images/bit.svg から画像を読み込んで表示します。
<img> のような自己完結型タグは、終了タグを必要としません。これらは /> で終わり、内部にコンテンツを持たない要素に使用されます。
チャレンジ
簡単HTMLドキュメントに画像を追加します。レッスンの例にあるURL、または他の任意のURLを使用できます。
画像が表示されていることを確認してください！
チートシート
<img>タグは画像を表示し、自己完結型です（終了タグは不要です）：
<img src="https://coddy.tech/images/bit.svg" />src属性は画像の場所（URLまたはファイルパス）を指定します。自己完結型タグは/>で終わります。
自分で試してみよう
<!DOCTYPE html>
<html>
<body>
<!-- ここにコードを書いてください -->
</body>
</html>
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
