Bilder, Medien & Einbettung

In dieser Lektion lernen Sie, wie man Bilder, Audio, Video und externe Inhalte in HTML einbindet.

1. Bilder einfügen

Das <img>-Element bindet Bilder ein. 
<img src="bild.jpg" alt="Beschreibung" width="300">

2. Audio einbinden

Das <audio>-Element bindet Audio-Dateien ein. 
<audio controls>
  <source src="musik.mp3" type="audio/mpeg">
  Ihr Browser unterstützt kein Audio-Element.
</audio>

3. Video einbinden

Das <video>-Element bindet Video-Dateien ein. 
<video width="640" height="360" controls>
  <source src="video.mp4" type="video/mp4">
  Ihr Browser unterstützt kein Video-Element.
</video>

4. Iframes

Ein <iframe> bindet externe Webseiten oder Inhalte ein. 
<iframe src="https://example.com" width="600" height="400" title="Beispielseite"></iframe>

5. Bildbeschriftungen

Mit <figure> und <figcaption> können Bilder kommentiert werden. 
<figure>
  <img src="diagramm.png" alt="Diagramm">
  <figcaption>Abbildung 1: Diagramm</figcaption>
</figure>

6. Best Practices

7. Zusammenfassung