Jetzt hab ich folgende Übungsaufgabe gemacht:
-
Baue eine Webseite welche kein CSS nutzt
-
verwende das main-tag
-
schreibe ein kontaktform (muss noch nicht funktionieren)
-
mache einen navigationsbereich in den header und footer
meine minimallösung:
<!DOCTYPE html>
<html lang="de">
<head>
<title>
Christopher's Seite
</title>
<meta chartset="utf-8">
<meta name="author" content="Christopher">
</head>
<body>
<header>
<h1>Christopher's Seite</h1>
<nav>
<ui>
<li><a href="main.html">Willkommen</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ui>
</nav>
</header>
<main>
<p>Das hier ist meine Hauptseite.</p>
<table>
<tr><td>1.1</td><td>1.2</td></tr>
<tr><td>2.1</td><td>2.2</td></tr>
</table>
</main>
<footer>
<nav>
<ui>
<li><a href="datenschutz.html">Datenschutz</a></li>
<li><a href="impressum.html">Impressum</a></li>
</ui>
</nav>
</footer>
</body>
</html>
und das kontakt.html:
<!DOCTYPE html>
<html lang="de">
<head>
<title>
Christopher's Seite
</title>
<meta chartset="utf-8">
<meta name="author" content="Christopher">
</head>
<body>
<header>
<h1>Christopher's Seite</h1>
<nav>
<ui>
<li><a href="main.html">Willkommen</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ui>
</nav>
</header>
<main>
<p>Das hier ist meine Hauptseite.</p>
<table>
<tr><td>1.1</td><td>1.2</td></tr>
<tr><td>2.1</td><td>2.2</td></tr>
</table>
</main>
<footer>
<nav>
<ui>
<li><a href="datenschutz.html">Datenschutz</a></li>
<li><a href="impressum.html">Impressum</a></li>
</ui>
</nav>
</footer>
</body>
</html>