Die Bausteine einer Seite
Erkunden Sie die drei Wurzelelemente und erfahren Sie, was in jedes gehört.
Die Bausteine einer Seite ist eine kostenlose HTML Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 3. 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 Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der HTML Academy-Kurs umfasst insgesamt 3 Lektionen.
Webseiten bestehen aus Bausteinen
Jede Webseite besteht aus kleinen Bausteinen, die Elemente genannt werden. Schauen wir uns diese hilfreichen Elemente an. 🧱
Überschriften
Überschriften sind die großen, fettgedruckten Titel. Sie zeigen den Lesenden, worum es in einem Abschnitt geht.
<h1>My First Page</h1>Absätze
Absätze enthalten Ihren normalen Text. Die meisten Wörter einer Webseite stehen in Absätzen.
<p>Welcome to my page.</p>Bilder
Bilder erwecken eine Webseite zum Leben. Mit einem kleinen Tag fügen Sie direkt ein Bild in Ihre Webseite ein. 🖼️
Links
Links verbinden Webseiten miteinander. Sie machen das Web zu einem Netz, durch das Sie sich per Klick bewegen können.
Listen
Benötigen Sie Aufzählungspunkte? Mit Listen können Sie Einträge ordentlich untereinander anordnen.
Kästen in Kästen
Elemente können sich wie Kästen in Kästen innerhalb anderer Elemente befinden. Das nennt man Verschachtelung.
Wie das Bauen mit Ziegeln
Ordnen Sie eine Überschrift, einen Absatz, ein Bild und einen Link an, und Sie haben eine echte Webseite! 🏗️
Ein einfaches Rezept
Die meisten Webseiten folgen demselben einfachen Muster. Sobald Sie einige Bausteine kennen, können Sie alles Mögliche erstellen.
Sie haben es geschafft!
Sie haben die Einführung abgeschlossen und kennen nun die wichtigsten Bausteine! Von hier an wird es nur noch spannender. 🎉
Kurztest
Sie haben mehrere Bausteine kennengelernt. Welcher davon enthält Ihren normalen Fließtext?
Häufig gestellte Fragen
Ist die Lektion „Die Bausteine einer Seite“ kostenlos?
Ja — der vollständige Text von „Die Bausteine einer Seite“ 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 Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der HTML Academy-Kurs umfasst insgesamt 3 Lektionen.
Was lerne ich in „Die Bausteine einer Seite“?
Erkunden Sie die drei Wurzelelemente und erfahren Sie, was in jedes gehört. Du übst HTML Academy 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 Academy zu starten?
Keine Vorkenntnisse erforderlich. HTML Academy 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 3.
Wie lange dauert die Lektion „Die Bausteine einer Seite“?
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 Academy-Lektion Code schreiben und ausführen?
Ja. Jede HTML Academy-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
- Was ist HTML?
- Wie Browser HTML lesen
- Die Bausteine einer Seite