Zusammenfassung – Layout
Teil des Abschnitts Fundamentals der HTML-Journey von Coddy — Lektion 29 von 60.
Aufgabe
EinfachErstellen Sie ein HTML-Dokument, das alle Layoutelemente enthält, die wir bisher gelernt haben:
- Ein
<header>mit einer Hauptüberschrift (<h1>), die "My Website" lautet, und einer Navigation (<nav>) mit Links zu "Home", "About" und “Contact”. (in einer ungeordneten Liste) - Ein
<main>-Bereich mit einem<div>, das einen Absatz (<p>) mit dem Text "This is the main content area." enthält. Verwenden Sie innerhalb des Absatzes ein<span>-Tag, um das Wort "main" zu umschließen. - Innerhalb des Hauptbereichs ein
<section>mit einer Überschrift (<h2>), die "About Us" lautet, und ein<article>mit einer Überschrift (<h3>), die "Our Mission" lautet, sowie einem Absatz (<p>) mit etwas Blindtext. - Ein
<footer>mit einem Absatz (<p>), der "Copyright 2024 My Website" lautet.
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<!-- Hier Code schreiben -->
</body>
</html>Alle Lektionen in Fundamentals
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-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