Der Plan des Schulgebäudes
Im Schulgebäude hängt ein Plan. Er zeigt den Eingang, die Flure und die Räume. Jeder Teil hat einen Namen.
Eine Webseite braucht auch einen Plan. HTML hat Tags, die Teile der Seite benennen. Man nennt sie semantisch: Sie sagen, was ein Teil bedeutet.
Am Ende dieser Lektion
Notiz
Ich kann eine Seite mit header, nav, main und footer gliedern.
Schlüsselwörter
| Begriff | Was er bedeutet |
|---|---|
| Semantisch | Ein Tag, dessen Name seine Bedeutung zeigt. |
| header | Der obere Teil der Seite, mit Titel und Navigation. |
| nav | Der Bereich mit den Links zu anderen Seiten. |
| main | Der Hauptinhalt der Seite. Es gibt ihn nur einmal. |
| footer | Der untere Teil der Seite, zum Beispiel mit dem Kontakt. |
Die Zellen, die Lernende ausfüllen, bleiben in dieser Vorschau leer.
Starter
Probier es aus
Starter
4 FragenDeine Antworten werden hier bewertet und nicht gespeichert. Mit einem Konto bleiben deine Ergebnisse erhalten.
Jeder Teil der Seite hat einen Namen
Eine typische Seite hat oben einen header. Darin steht oft das nav mit den Links.
In der Mitte steht main mit dem Inhalt. Darin teilen section die Themen auf. Ganz unten steht der footer. Ein article ist ein Beitrag, der für sich allein stehen kann.
Probiere es aus: eine gegliederte Seite
<header>
<h1>FC Sonnental</h1>
<nav>
<a href="index.html">Start</a>
<a href="training.html">Training</a>
</nav>
</header>
<main>
<section>
<h2>Neuigkeiten</h2>
<p>Am Samstag ist das Vereinsfest.</p>
</section>
</main>
<footer>
<p>Kontakt: [email protected]</p>
</footer>
<!-- Füge in main eine zweite section „Training“ hinzu. -->
Kurze Prüfung: die Teile
Probier es aus
Kurze Prüfung: die Teile
3 FragenDeine Antworten werden hier bewertet und nicht gespeichert. Mit einem Konto bleiben deine Ergebnisse erhalten.