HTML-Attribute
Verstehen Sie, wie Sie mithilfe von Attributen zusätzliche Informationen zu Ihren Elementen hinzufügen
HTML-Attribute ist eine kostenlose HTML for Kids-Lektion auf CoddyKit. Dies ist Lektion 3 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des HTML for Kids-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der HTML for Kids-Kurs umfasst insgesamt 4 Lektionen.
Multimedia: Videos und Audio hinzufügen
Willkommen zur nächsten Lektion! Heute lernen Sie, wie Sie Videos und Audio zu Ihren Webseiten hinzufügen. Multimedia macht Ihre Seiten interaktiver und unterhaltsamer!
Warum Multimedia hinzufügen?
Videos und Audio können Ihre Webseiten:
- ansprechender machen
- informativer und unterhaltsamer machen
- interaktiv machen
Lernen wir, wie Sie diese Elemente mit HTML hinzufügen!
Ein Video hinzufügen
Videos werden mit dem Tag <video> hinzugefügt. Mit dem Attribut src können Sie die Videodatei angeben.
Beispiel:
In diesem Beispiel:
src: Gibt die Videodatei an.controls: Fügt Steuerelemente für Wiedergabe, Pause und Lautstärke hinzu.width: Legt die Breite des Videos fest.
<video src="example.mp4" controls width="400"></video>
Mehrere Videoformate hinzufügen
Nicht alle Browser unterstützen dieselben Videoformate. Sie können mithilfe des Tags <source> mehrere Quellen angeben.
Beispiel:
<video controls width="400">
<source src="example.mp4" type="video/mp4">
<source src="example.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Audio hinzufügen
Audio wird mit dem Tag <audio> hinzugefügt. Mit dem Attribut src können Sie die Audiodatei angeben.
In diesem Beispiel:
src: Gibt die Audiodatei an.controls: Fügt Steuerelemente für Wiedergabe, Pause und Lautstärke hinzu.
<audio src="example.mp3" controls></audio>
Mehrere Audioformate hinzufügen
Wie bei Videos können Sie mehrere Audioquellen angeben, um die Kompatibilität mit Browsern zu verbessern.
Beispiel:
<audio controls>
<source src="example.mp3" type="audio/mpeg">
<source src="example.ogg" type="audio/ogg">
Your browser does not support the audio tag.
</audio>
Automatische Wiedergabe und Schleife
Sie können Videos und Audio automatisch abspielen oder in einer Schleife wiedergeben, indem Sie die Attribute autoplay und loop hinzufügen.
Beispiel:
Hinweis: Aus Gründen der Benutzerfreundlichkeit kann die automatische Wiedergabe in einigen Browsern deaktiviert sein.
<audio src="example.mp3" autoplay loop></audio>
YouTube-Videos einbetten
Sie können YouTube-Videos mithilfe des Tags <iframe> in Ihre Seite einbetten.
Beispiel:
Ersetzen Sie example durch die eindeutige ID des Videos.
<iframe width="560" height="315" src="https://www.youtube.com/embed/example" frameborder="0" allowfullscreen></iframe>
Großartige Arbeit!
Herzlichen Glückwunsch! Sie haben gelernt, wie Sie Videos, Audio und sogar YouTube-Einbettungen zu Ihren Webseiten hinzufügen. Multimedia macht Ihre Inhalte dynamischer und ansprechender. In der nächsten Lektion beschäftigen Sie sich mit der Gestaltung durch CSS, damit Ihre Webseiten großartig aussehen. Freuen Sie sich darauf, die Welt des Designs zu entdecken!
Häufig gestellte Fragen
Ist die Lektion „HTML-Attribute“ kostenlos?
Ja — der vollständige Text von „HTML-Attribute“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des HTML for Kids-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der HTML for Kids-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „HTML-Attribute“?
Verstehen Sie, wie Sie mithilfe von Attributen zusätzliche Informationen zu Ihren Elementen hinzufügen Du übst HTML for Kids mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um HTML for Kids zu starten?
Keine Vorkenntnisse erforderlich. HTML for Kids auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 4.
Wie lange dauert die Lektion „HTML-Attribute“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser HTML for Kids-Lektion Code schreiben und ausführen?
Ja. Jede HTML for Kids-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Tabellen: Daten organisieren
- Formulare: Benutzereingaben erfassen
- HTML-Attribute
- Multimedia: Videos und Audio hinzufügen