Grundstruktur von HTML
Teil des Abschnitts Grundlagen der HTML-Journey von Coddy. Lektion 2 von 60.
Jedes HTML-Dokument folgt einer einfachen Struktur.
Es beginnt mit <!DOCTYPE html>, das angibt, welche HTML-Version wir verwenden.
Darauf folgt das <html>-Tag, das den gesamten HTML-Inhalt enthält.
Innerhalb des <html>-Tags fügen wir das <body>-Tag hinzu, das den gesamten sichtbaren Inhalt der Webseite enthält.
Hier ist ein einfaches Beispiel:
<!DOCTYPE html>
<html>
<body>
This is some text.
</body>
</html>In diesem Beispiel wird der Text innerhalb des <body>-Tags als Text auf der Webseite angezeigt.
Aufgabe
EinfachErsetze REPLACE THIS TEXT innerhalb des <body>-Tags durch:
To Infinity And Beyond!Hier benötigst du keine Tags, sondern nur einfachen Text.
Lösche die gesamte Zeile REPLACE THIS TEXT und gib den Satz an ihrer Stelle als einfachen Text ohne Anführungszeichen ein.
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<!-- Ersetze die Zeile darunter durch den erforderlichen Text -->
REPLACE THIS TEXT
</body>
</html>Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Grundlagen
1HTML-Grundlagen
Was ist HTML?Grundstruktur von HTMLTags und ElementeVerschachtelung und schließende TagsKommentare in HTML2Text und Formatierung
ÜberschriftenAbsätzeZeilenumbrücheFetter und kursiver TextNochmals fett und kursivWiederholung – Formatierung8Formulare und Eingaben Teil 1
Formular-GrundlagenTexteingabenInput-AttributePasswortfeldLabels für EingabenZusammenfassung – Einfaches Formular11Event-Registrierungsseite
ProjektübersichtHeader-Bereich6Seitenlayout
Bereiche (Divisions)Inline-SpansSemantische TagsSections und ArticlesZusammenfassung – Layout9Formulare und Eingaben Teil 2
Radio-ButtonsCheckboxenDropdownsButtonsButtons in FormularenWiederholung - Formulare #1Wiederholung - Formulare #212Abschlussherausforderungen
Einfache ProfilkarteEvent-EinladungskarteEinfache ArtikelseiteLieblingsbücher-ListeÜbe selbstständig: Web-Playground