TOC
wwworkshop
Juicy Workshop

img
video

2.3
Bilder, Videos und Audio

Bilder, Videos und Audio können mit dem <img>, dem <video>, sowie dem <audio>-Tag eingefügt werden.

  1. Bild-, Video- oder Audiodatei in den Ordner der Website kopieren (es ist hilfreich, wenn der Dateiname nur Buchstaben, Zahlen und oder Bindestriche enthält).
  2. Code einfügen

Bilddateien können z.B. .jpg- oder .png-Formate haben. Andere Formate sind aber auch möglich.

Für Videodateien bietet sich .mp4 als Format an. Wenn du ein Video in einem anderen Format einbinden möchtest muss es evtl. konvertiert werden. Dafür kann z.B. das Programm HandBrake verwendet werden.

Für Audiodateien funktioneirt .mp3 gut.

<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Titel</title>
</head>
<body>
    <h1>Text</h1>
    <h2>Text</h2>
    <p>Ein Absatz.</p>
    <a href="unterseite.html">Unterseite</a>
    <a href="http://example.com">Beispiel</a>
    <img src="bild.jpg">
    <video src="video.mp4" controls></video>
    <audio src="audio.mp3" controls></audio>
</body>
</html>