Multimedia und eingebettete Inhalte

In dieser Lektion lernen Sie, wie Bilder, Audio, Video und andere Inhalte in HTML-Seiten eingebettet werden.

1. Bilder einfügen (<img>)

Das <img>-Tag wird verwendet, um Bilder in HTML darzustellen. 
<img src="bild.jpg" alt="Beschreibung" width="300">

2. Audio einbinden (<audio>)

Das <audio>-Tag erlaubt das Einfügen von Audiodateien in die Webseite. 
<audio controls>
  <source src="musik.mp3" type="audio/mpeg">
  Ihr Browser unterstützt kein Audio-Element.
</audio>

3. Videos einbinden (<video>)

Das <video>-Tag dient zum Einbetten von Videodateien. 
<video width="640" height="360" controls>
  <source src="video.mp4" type="video/mp4">
  Ihr Browser unterstützt kein Video-Element.
</video>

4. Iframes (<iframe>)

Iframes ermöglichen das Einbetten anderer Webseiten oder externer Inhalte. 
<iframe src="https://example.com" width="600" height="400" title="Beispielseite"></iframe>

5. SVG-Grafiken (<svg>)

SVG erlaubt skalierbare Vektorgrafiken direkt im HTML-Code. 
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

6. Audio und Video – Best Practices

7. Zusammenfassung