Navigation ein/ausblenden

 Navigation ein/ausblenden

2 - Die HTML-Elemente einfügen

Video im Fenster öffnen

  1.  Schreibe den Titel im Head-Bereich, Title: "Weblabor - Start"
  2. Öffne die Erweiterung "EB Übungen"
  3. Erstelle im Body ein Div-Element mit der ID: "container"
  4. Erstelle innerhalb des "Div-Container" die Html-Elemente für:
    1. "header"
    2. "nav", Klasse: "top"
    3. "article"
    4. "footer"
  5. Setze jeweils eine kurze Textbezeichnung in die Elemente, so kannst du das Ergebnis direkt im Browser prüfen
  6. Speichere deine Datei
  7. Mit Klick auf den Button "Live-Vorschau" kannst du deine Seite im Browser öffnen

 

Weiter, Inhalte in die Website füllen

Code-Beispiel

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Weblabor - Start</title>
</head>

<body>
    <div id="container">
        <header>Kopf</header>
        <nav class="top">Navigation</nav>
        <article>Inhalte</article>
        <footer>Fusszeile</footer>
    </div>
    
</body>
</html>