Inhalt

• Schreiten
• Tipps

In diesem Wiki wird erklärt, wie Sie die Höhe und Breite eines Bildes mithilfe von HTML (HyperText Markup Language) festlegen.

• Die "Breite" gibt die Breite eines Bildes in Pixel an.
• Die "Höhe" gibt die Höhe eines Bildes in Pixel an.
• In HTML 4.01 kann die Höhe in Pixel oder Prozent angegeben werden. In HTML5 muss der Wert in Pixel angegeben werden.

Schreiten

1. Bearbeiten Sie die Datei, für die Sie das Bild anzeigen möchten. Zum Beispiel: default.html
2. Fügen Sie diese Zeile Ihrem Skript hinzu
   • img src = "imagefile.webp" alt = "Image" height = "42" width = "42">
   • src ist der Dateipfad zu Ihrem Bild.
   • alt ist die Bezeichnung, die Sie Ihrem Bild geben.
3. Ersetzen Sie "Höhe" und "Breite" nach Belieben, z. B. Höhe = "19" Breite = "20"
4. Speichern Sie die Datei und öffnen Sie sie mit einem beliebigen Browser, um den Effekt zu sehen. Das Attribut "width" wird in allen gängigen Browsern wie Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer usw. unterstützt.

Tipps

• Geben Sie immer die Höhen- und Breitenattribute für Bilder an. Wenn Höhe und Breite festgelegt sind, wird der für das Bild erforderliche Platz beim Laden der Seite reserviert. Ohne diese Attribute kennt der Browser jedoch die Größe des Bildes nicht und es kann kein geeigneter Speicherplatz dafür reserviert werden. Dies hat zur Folge, dass sich das Seitenlayout während des Ladens ändert (während die Bilder geladen werden).
• Das Reduzieren der Größe eines großen Bildes durch Anpassen seiner Höhe und Breite zwingt einen Benutzer, das große Bild herunterzuladen (auch wenn es auf der Seite klein aussieht). Um dies zu vermeiden, müssen Sie das Bild mit einem Programm neu skalieren, bevor Sie es auf einer Seite platzieren.