Zusammenfassung – Layout
Teil des Abschnitts Grundlagen der HTML-Journey von Coddy. Lektion 29 von 60.
Aufgabe
EinfachErstelle ein HTML-Dokument, das alle bisher gelernten Layoutelemente enthält:
- Einen
<header>mit einer Hauptüberschrift (<h1>) mit dem Text „My Website“ und einer Navigation (<nav>) mit Links zu „Home“, „About“ und „Contact“. (in einer ungeordneten Liste) - Einen
<main>-Abschnitt mit einem<div>, der einen Absatz (<p>) mit dem Text „This is the main content area.“ enthält. Verwende innerhalb des Absatzes ein<span>-Tag, um das Wort „main“ zu umschließen. - Innerhalb des Hauptabschnitts einen
<section>-Bereich mit einer Überschrift (<h2>) mit dem Text „About Us“ sowie einem<article>mit einer Überschrift (<h3>) mit dem Text „Our Mission“ und einem Absatz (<p>) mit etwas Platzhaltertext. - Einen
<footer>mit einem Absatz (<p>) mit dem Text „Copyright 2024 My Website“.
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<!-- Hier Code schreiben -->
</body>
</html>Alle Lektionen in Grundlagen
2Text 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Übe selbstständig: Web-Playground