HTML <img> heightAttribut

Beispiele

Ein Bild mit einer Höhe und Breite von 42 Pixeln:

Browser-Unterstützung

Alle gängigen Browser unterstützen das height-Attribut.

Das height-Attribut gibt die Höhe eines Bildes in Pixeln an.

Tipp:Es ist empfehlenswert, die Attribute height und width für ein Bild anzugeben. Wenn diese Attribute festgelegt sind, kann beim Laden der Seite Platz für das Bild reserviert werden. Ohne diese Attribute kann der Browser die Abmessungen des Bildes nicht kennen und keinen geeigneten Platz dafür reservieren, sodass sich das Seitenlayout ändert, wenn das Bild geladen wird.

Tipp:Verwenden Sie die Attribute height und width nicht, um Bilder zu skalieren. Wenn Sie ein Bild mit den Attributen height und width verkleinern, müssen Benutzer ein großes Bild herunterladen (auch wenn es auf der Seite klein erscheint). Der richtige Ansatz ist, das Bild mit Software auf die passende Größe zu bearbeiten, bevor Sie es auf einer Webseite verwenden.

Unterschiede zwischen HTML 4.01 und HTML5

In HTML 4.01 sollte die Höhe in Pixeln oder als Prozentsatz des umgebenden Elements definiert werden. In HTML5 muss der height-Wert in Pixeln angegeben werden.

Syntax

Attributwerte

Wert	Beschreibung
pixels	Die Höhe in Pixeln (z. B. height="100").

HTML <img> Tag Weitere Erweiterungen

HTMLTag