PDF herunterladen
PDF herunterladen
Hier zeigen wir dir eine Anleitung zur Einrichtung der Höhe und Breite eines Bilds in HTML (HyperText Markup Language).
- Das Attribut width gibt die Breite eines Bilds in Pixeln an.
- Das Attribut height gibt die Höhe eines Bilds in Pixeln an.
- In HTML 4.01 kann die Höhe in Pixeln oder in Prozent des enthaltenden Elements angegeben werden. In HTML5 muss der Wert in Pixeln angegeben werden.
Vorgehensweise
-
Bearbeite die Datei, die das Bild anzeigen soll. Dies könnte bspw. standard.html sein.
-
Füge diese Zeile in deinen Code ein:
-
<img src="imagefile.jpg" alt="Bild" height="42" width="42">
-
src
ist der Pfad auf deine Datei. -
alt
ist der Tag, den du dem Bild gibst.
-
-
Ersetze die Werte von
height
undwidth
nach Belieben. Als Beispielheight="19" width="20"
-
Speichere die Datei und öffne sie in einem Browser. Das width-Attribut wird von allen großen Browsern wie bspw. Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer unterstützt.Werbeanzeige
Tipps
- Gib bei Bildern immer sowohl die Höhe als auch die Breite an. Wenn diese festgelegt sind, wird der für das Bild erforderliche Platz beim Laden der Seite reserviert. Ohne diese Attribute kennt der Browser allerdings die Größe des Bilds nicht und kann nicht den nötigen Platz reservieren. Die Auswirkung davon ist, dass sich das Layout der Seite während des Ladens ändert (während die Bilder geladen werden).
- Das Verkleinern eines großen Bilds mit den Attributen height und width zwingt einen Benutzer zum Download des großen Bilds (selbst wenn es auf der Seite klein aussieht). Um dies zu vermeiden, solltest du das Programm vor der Verwendung auf einer Seite skalieren.
Werbeanzeige
Referenzen
- http://www.w3schools.com/ - Hier findest du alle Informationen über HTML.
Werbeanzeige