Bild-Attribute

Teil des Abschnitts Fundamentals der HTML-Journey von Coddy — Lektion 24 von 60.

Lassen Sie uns einige zusätzliche Attribute untersuchen, um Ihre Bilder zu verbessern:

alt: Bietet einen alternativen Text, falls das Bild nicht geladen wird.
width und height: Steuern die Größe des Bildes in Pixeln.

Hier ist ein Beispiel:

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

Dies legt die Bildquelle fest, bietet eine Beschreibung und skaliert es auf 600x400 Pixel. Fügen Sie für die Barrierefreiheit immer alt hinzu und verwenden Sie Abmessungen, um die Designkonsistenz zu wahren.

Aufgabe

Einfach

Füge dem Bild die folgenden Attribute hinzu:

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

Spickzettel

Verwenden Sie zusätzliche Attribute, um Ihre Bilder zu verbessern:

alt: Bietet Alternativtext, falls das Bild nicht geladen wird
width und height: Steuern die Größe des Bildes in Pixeln

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

Geben Sie für die Barrierefreiheit immer alt an und verwenden Sie Abmessungen, um die Konsistenz des Designs zu wahren.

Probier es selbst

<!DOCTYPE html>
<html>
    <body>
         <img src="https://4.img-dpreview.com/files/p/E~TS590x0~articles/3925134721/0266554465.jpeg">
    </body>
</html>