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