Bilder einfügen

HTML Bilder Syntax

Mit dem img-Element kannst du Bilder in eine Webseite einfügen. Das Bild wird an der Stelle eingefügt, an der du das img-Element im HTML-Dokument notierst.

Das <img> hat zwei Attribute:

• In src kommt der Pfad zur Bilddatei hinein.
• In alt kommt ein Alternativtext hinein. Dieser wird angezeigt, wenn das Bild nicht geladen werden kann. Außerdem verwenden Suchmaschinen den alt-Text, um zu verstehen, was auf dem Bild zu sehen ist.

1<img src="url" alt="Alternativtext">

Beispiel

1<img src="img/frankfurt.png" alt="Frankfurt Skyline">

Output

Breite und Höhe hinzufügen

Mit den Attributen width und height kannst du die Größe des Bildes festlegen. Achte darauf, das Seitenverhältnis beizubehalten, damit das Bild nicht verzerrt dargestellt wird.

1<img src="bild.jpg" alt="..." width="250px" height="250px">