Multimedia und Graphiken

 

Mit dem img-Element kann man Grafikdateien in HTML-Dokumente einbinden. Das <img>-Tag ist ein sogenanntes Standalone-Tag ohne Elementinhalt und ohne End-Tag.

<img src="Hund.gif" width="104" height="90" alt="Hund" />

Die Bildreferenz scr kann relativ oder absolut angegeben werden. Der das Tag abschließende Slash ist nicht notwendig, sollte aber aus Kompatibilitätsgründen zu XHTML immer angegeben werden. Die alt-Angabe ist ebenfalls immer nötig. Die Angaben zur Breite und Höhe sind nicht verpflichtend. Sie sollten jedoch immer angegeben werden, damit Bilder schneller geladen werden können. Ansonsten muss der Browser erst die benötigten Daten aus der Bilddatei ermitteln.

Mit dem Element video kann man Filme ohne Plugins wiedergeben. Das video-Element benötigt die URL der Videoressource entweder als Wert der src-Eigenschaft oder als Kindelement source

<video src="Demofilm.mp4" controls>
Ihr Browser kann dieses Video nicht wiedergeben.<br/>
Dieser Film zeigt eine Demonstration des video-Elements.
Sie können ihn unter <a href="#">Link-Addresse</a> abrufen.
</video>
<video controls>
<source src="Demofilm.mp4" type="video/mp4">
<source src="Demofilm.ogg" type="video/ogg">
Ihr Browser kann dieses Video nicht wiedergeben.<br/>
Dieser Film zeigt eine Demonstration des video-Elements.
Sie können ihn unter <a href="#">Link-Addresse</a> abrufen.
</video>

Die untere Variante ist dann sinnvoll, wenn es den Film in verschiedenen Formaten gibt und es außerdem nicht klar ist, ob der Browser mit dem ersten Format klarkommt.