HTML-<img > -Höhenattribut
Beispiel
Ein Bild mit einer Höhe von 600 Pixel und einer Breite von 500 Pixel:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
Das heightAttribut gibt die Höhe eines Bildes in Pixel an.
Tipp: Geben Sie für Bilder immer sowohl die heightAttribute width
als auch an. Wenn Höhe und Breite eingestellt sind, wird beim Laden der Seite der für das Bild benötigte Platz reserviert. Ohne diese Attribute kennt der Browser jedoch die Größe des Bildes nicht und kann ihm nicht den entsprechenden Platz reservieren. Der Effekt besteht darin, dass sich das Seitenlayout während des Ladens ändert (während die Bilder geladen werden).
Tipp: Das Verkleinern eines großen Bildes mit den Attributen
heightund widthzwingt einen Benutzer, das große Bild herunterzuladen (selbst wenn es auf der Seite klein aussieht). Um dies zu vermeiden, skalieren Sie das Bild mit einem Programm neu, bevor Sie es auf einer Seite verwenden.
Browser-Unterstützung
| Attribute | |||||
|---|---|---|---|---|---|
| height | Yes | Yes | Yes | Yes | Yes |
Syntax
<img height="pixels">
Attributwerte
| Value | Description |
|---|---|
| pixels | The height in pixels (e.g. height="100") |
❮ HTML <img>-Tag