画像の属性

CoddyのHTMLジャーニー「Fundamentals」セクションの一部。レッスン 24/60。

画像を改善するための追加の属性をいくつか見てみましょう：

alt：画像が読み込まれない場合に代替テキストを提供します。
width と height：画像のサイズをピクセル単位で制御します。

例を示します：

<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />

これは画像のソースを設定し、説明を提供し、600x400ピクセルのサイズにします。アクセシビリティのために常に alt を含め、デザインの一貫性を保つために寸法を使用してください。

チャレンジ

簡単

画像に次の属性を追加します：

alt: "A beautiful bird"
width: "400"
height: "250"

自分で試してみよう

<!DOCTYPE html>
<html>
    <body>
         <img src="https://upload.wikimedia.org/wikipedia/commons/e/ee/Baya_Weaver_in_Bhigwan_August_2025_by_Tisha_Mukherjee_04.jpg?utm_source=commons.wikimedia.org&utm_campaign=index&utm_content=original">
    </body>
</html>