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 width Attribut gibt die Breite eines Bildes in Pixeln.
Tipp: Immer sowohl die angeben , height und 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 der Höhe und Breite Attribute Downsizing 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 | |||||
|---|---|---|---|---|---|
| width | ja | ja | ja | ja | ja |
Unterschiede zwischen HTML 4.01 und HTML5
In HTML 4.01, könnte die Breite in Pixel oder in% des enthaltenden Elements definiert werden. In HTML5, muss der Wert in Pixeln angegeben werden.
Syntax
<img width="pixels">
Werte Attribut
| Wert | Beschreibung |
|---|---|
| pixels | Die Breite in Pixel (zB width="100" ) |