Erste Schritte

Beschreibung zum Inhalt der Seite

Basisseite

Beispiel: struktureller Aufbau body und Standardbrowser CSS der einzelnen Seitenelemente.

index.html

<!DOCTYPE html>
<html lang="de>
<head>
<meta charset="utf-8">
<title>Titel / Name der Seite</title>
<link rel="stylesheet" href="css/layout.css"
</head>

<body>
<nav>Bereich für Navigation und Menüs</nav>
<header>Kopfbereich einer Seite oder eines Abschnitts</header>

<main>Hauptinhalt der Seite (einmal pro Seite)
<section>thematischer Abschnitt innerhalb des Inhalts</section>
<aside>ergänzende Inhalte, z. B. Randinformationen</aside>
<article>in sich geschlossener Inhalt, der für sich stehen kann</article>
</main>

<footer>Fußbereich einer Seite oder eines Abschnitts</footer>
</body>
</html>

layout.css

/* CSS-Datei: css/layout.css 
   Standardbrowser CSS ===== */
body {
display: block;
margin: 8px;
}

nav {
display: block;
}

header {
display: block;
}

section {
display: block;
}

aside {
display: block;
}

article {
display: block;
}

footer {
display: block;
}