HTML Bild einfügen

von Thomas Salvador.

Um ein HTML Bild einzufügen, nutzen Sie den HTML Tag img:

<img src="eingefuegtes-bild.jpg" alt="Eingefügtes HTML Bild"/>

Dabei geben Sie dem src-Attribut den URL des Bildes. Beschreiben Sie das eingefügte Bild kurz mit dem alt-Attribut.

Diese alternative Beschreibung wird nicht nur vom HTML Standard gefordert, sonder erhöht insbesondere die Zugänglichkeit Ihrer Seite. Die alternative Beschreibung des eingefügten Bildes wird dargestellt, bis das Bild im Browser geladen wurde. Insbesondere bei textbasierten HTML Browsern, ist sie auch die Ersatzdarstellung. Die Beschreibung des Bildes in HTML ist somit die Möglichkeit, Nutzern mit nicht grafischen Browsern, wie zum Beispiel auch Screenreadern, den Inhalt zu vermitteln und die Nutzung zu erleichtern.

Das eingefügte HTML Bild kann mit anderen Attributen genauer beschrieben werden. Viele Attribute dienen nur der Darstellung und werden heute oft in CSS festgelegt.

Jedoch funktionieren diese HTML Attribute nach wie vor bei der präzisen Beschreibung, wie das HTML Bild eingefügt werden soll.