Beispiel
Ein Bild mit einer Höhe und einer Breite von 42 Pixel:
<img src="smiley.gif" alt="Smiley face"
height="42" width="42"> Versuch es selber " Die height Attribut gibt die Höhe eines Bildes in Pixeln.
Tipp: Immer sowohl die Höhe und geben Sie width Attribute für Bilder.Wenn die Höhe und Breite festgelegt sind, wird der Raum für das Bild erforderlich reserviert, wenn die Seite geladen wird. Doch ohne diese Attribute, weiß der Browser nicht die Größe des Bildes und kann den geeigneten Raum, um es nicht zu reservieren. Der Effekt ist, dass die Seitenlayout beim Laden (während die Bilder laden) ändert.
Tipp: ein großes Bild mit dem Downsizing height und width Attribute zwingt einen Benutzer um das große Bild zum Download (auch wenn es auf der Seite klein aussieht).Um dies zu vermeiden, rescale das Bild mit einem Programm, bevor es auf einer Seite verwendet wird.
Browser-Unterstützung
| Attribut | |||||
|---|---|---|---|---|---|
| height | ja | ja | ja | ja | ja |
Unterschiede zwischen HTML 4.01 und HTML5
In HTML 4.01, könnte die Höhe in Pixel oder in% des enthaltenden Elements definiert werden. In HTML5, muss der Wert in Pixeln angegeben werden.
Syntax
<img height="pixels">
Werte Attribut
| Wert | Beschreibung |
|---|---|
| pixels | Die Höhe in Pixel (zB height="100" ) |