Höhe und Breite von Bildern

Wenn man in einem <img> Attribut keine Höhe und Breite mit gibt wird das Bild immer in Originalgröße angezeigt. Will man dieses Verhindern und dem Bild einen angepasst Größe mit geben so muss man diese direkt mit geben.

Dazu werden die Attribute height (Höhe) und width (Breite) verwendet.

Es dauert meistens länger, die Bilder zu laden, als den HTML-Code, der den erst der Seite ausmacht. Daher ist es sinnvoll, die Bildgröße anzugeben, sodass der Browser den Rest der Seite schon einmal darstellen und ausreichend Platz für das Bild lassen kann, das noch geladen wird.

 

Beispiel:

<img src="files/Bilder/learn-2001838_1920.jpg" alt="Das Logo von Shaocomp.de" title="HTML lernen spielend leicht" width="250" height="250"/>

Darstellung:

HTML lernen spielend leicht