Bilder Hinzufügen

Um Bilder zu einer Seite hinzuzufügen, verwendet man das Element <img>. Die folgenden Attribute müssen enthalten sein.

 

src:

Dieses Attribut sagt dem Browser, wo die Bilddatei zu finden ist. Der Wert ist ein URL, der auf ein Bild der eigenen Webseite (Ordner auf dem Server) zeigt.

 

alt:

Dieses Attribut bietet eine Beschreibung des Bildes in Textform für den Fall, dass das Bild nicht zu sehen sein sollte.

Der Text im Attribut alt wird oft als "Alternativtext" oder kurz "Alt-Text" bezeichnet. Er sollte eine genaue Beschreibung des Bildinhalts geben, damit auch sehbehinderte Menschen, die Screenreader einsetzen, und Suchmaschinen erkennen können, worum es geht.

 

title:

Sie können im Element <img> auch das Attribut title verwenden, um zusätzliche Informationen über das Bild anzugeben. Die meisten Browser zeigen den Inhalt dieses Attributs in einem kleinen Informationsfeld an, wenn der Besucher mit dem Mauszeiger über das Bild fährt.


Beispiel:

<img src="files/Logo/Logo-shaocomp.png"alt="Das Logo von Shaocomp.de" title="Shaocomp.de ein HTML einfach erklärt"/>

Darstellung:

Das Logo von Shaocomp.de