LU02.A01 - Bereiche einsetzen

Ergänzen Sie den HTML-Code um die Bereichselemente header, footer, nav, main, section und article.

Als Vorlage erhalten Sie eine HTML-Datei bereiche.html mit verschiedenen Inhalten. Sie sollen diese Inhalte mit den Bereichselementen sauber strukturieren.

Einige der verwendeten Elemente, Tags und Attribute werden Ihnen neu vorkommen, da wir diese noch nicht behandelt haben. Lassen Sie die bestehenden Codezeilen so wie sie in der Vorlage sind. Ergänzen Sie nur die öffnenden und schliessenden Tags für die Bereiche.

Die fertige Webseite im Browser soll wie in diesem Screenshot aussehen:

Die verschiedenen Hintergrundfarben sollen helfen, das Resultat zu prüfen.

Vorgehen

  1. Akzeptieren Sie das Assignment im Moodle-Kurs.
    ⇒ Sie erhalten ein persönliches Repository.
  2. Klonen Sie das Repository in Webstorm.
  3. Ergänzen Sie die fehlenden Bereichselemente.
  4. Geben Sie Ihre Lösung mittels Commit & Push ins Github-Repository ab.

Repository

Kevin Maurizi, Marcel Suter