Oft möchte man auf Webseiten nicht nur Text darstellen, sondern es sollen auch Bilder angeboten werden. Der <img>-Tag für Bilder ist wieder ein leeres Element: Es benötigt keinen Endtag. Das liegt daran, dass keine Inhalte von zwei Tags eingeschlossen werden müssen. Um ein Bild anzuzeigen, genügt es dem Browser mitzuteilen, wo er das Bild findet. Das funktioniert ähnlich wie bei Links, nur heißt das Attribut hier "src".

Um Benutzern, deren Webbrowser keine Bilder anzeigen kann, oder blinden Benutzern, die sich nur den Text auf Websites von entsprechenden Programmen vorlesen lassen können, trotzdem Informationen über das Bild zu geben, muss noch ein Alternativtext angegeben werden. Das wird mit dem alt-Atribut gemacht.

Ein Bild kann in ein HTML-Dokument also z.B. durch folgende Codezeile eingebaut werden:

<img src="sonnenuntergang.jpg" alt="Sonnenuntergang am Meer">

Der Alternativtext sollte dafür verwendet werden, in wenigen Worten so genau wie möglich zu beschreiben, was auf dem Bild dargestellt wird. Das alt-Attribut ist übrigens nicht nur für menschliche Benutzer wie oben erwähnt wichtig, sondern auch für Suchmaschinen. Diese können nämlich i.A. nicht erkennen, was auf einem Bild zu sehen ist. Damit sie das Bild trotzdem mit dem Inhalt auf der Seite in Verbindung bringen können, ist die Angabe eines treffenden Alternativtexts sehr wichtig.

Aufgabe

Erstelle ein HTML-Dokument mit einigen Bildern (im src-Attribut dürfen auch Internetadressen stehen).