Bild-Attribute
Teil des Abschnitts Fundamentals der HTML-Journey von Coddy. Lektion 24 von 60.
Sehen wir uns einige zusätzliche Attribute an, um deine Bilder zu verbessern:
alt: Stellt einen Alternativtext bereit, wenn das Bild nicht geladen wird.widthundheight: 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" />Damit werden die Bildquelle festgelegt, eine Beschreibung bereitgestellt und die Größe auf 600x400 Pixel festgelegt. Füge für die Barrierefreiheit immer alt hinzu und verwende Abmessungen, um die Konsistenz des Designs zu wahren.
Aufgabe
EinfachFüge dem Bild die folgenden Attribute hinzu:
alt: "A beautiful bird"width: "400"height: "250"
Probier es selbst
<!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>
Teste dich selbstDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Fundamentals
2Text und Formatierung
ÜberschriftenAbsätzeZeilenumbrücheFetter und kursiver TextNochmals fett und kursivWiederholung – Formatierung8Formulare und Eingaben Teil 1
Formular-GrundlagenTexteingabenInput-AttributePasswortfeldLabels für EingabenZusammenfassung – Einfaches Formular11Event-Registrierungsseite
ProjektübersichtHeader-Bereich
Event-Details-BereichRegistrierungsformularFooter-Bereich6Seitenlayout
Bereiche (Divisions)Inline-SpansSemantische TagsSections und ArticlesZusammenfassung – Layout9Formulare und Eingaben Teil 2
Radio-ButtonsCheckboxenDropdownsButtonsButtons in FormularenWiederholung - Formulare #1Wiederholung - Formulare #212Abschlussherausforderungen
Einfache ProfilkarteEvent-EinladungskarteEinfache ArtikelseiteLieblingsbücher-ListeÜbe selbstständig: Web-Playground