Menu
Coddy logo textTech

Zusammenfassung – Layout

Teil des Abschnitts Fundamentals der HTML-Journey von Coddy — Lektion 29 von 60.

challenge icon

Aufgabe

Einfach

Erstellen Sie ein HTML-Dokument, das alle Layoutelemente enthält, die wir bisher gelernt haben:

  1. 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)
  2. 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.
  3. 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.
  4. 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