Grundstruktur von HTML
Teil des Abschnitts Fundamentals der HTML-Journey von Coddy — Lektion 2 von 60.
Jedes HTML-Dokument folgt einer einfachen Struktur.
Es beginnt mit <!DOCTYPE html>, was die HTML-Version angibt, die wir verwenden.
Darauf folgt der <html>-Tag, der den gesamten HTML-Inhalt enthält.
Innerhalb des <html>-Tags fügen wir den <body>-Tag hinzu, der 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
EinfachDir wird der Basiscode einer HTML-Seite gegeben. Platziere den folgenden Text innerhalb des <body>-Tags:
To Infinity And Beyond!Beachte, dass alles case-sensitive ist. Zum Beispiel:
To Infinity And Beyond!to infinity and beyond!sind unterschiedliche Dinge (beachte die Großbuchstaben in der ersten Zeile).
Spickzettel
Jedes HTML-Dokument folgt einer Grundstruktur:
<!DOCTYPE html>- deklariert die HTML-Version<html>- enthält den gesamten HTML-Inhalt<body>- enthält alle sichtbaren Inhalte der Webseite
Grundlegende HTML-Struktur:
<!DOCTYPE html>
<html>
<body>
This is some text.
</body>
</html>Probier es selbst
<!DOCTYPE html>
<html>
<body>
<!-- Platziere den Text unten -->
</body>
</html>
Teste dich selbstDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Fundamentals
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-Bereich
Event-Details-BereichRegistrierungsformularFooter-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