In diesem Kapitel lernst du, wie du zwei einfache HTML-Seiten erstellst und eine Navigation einfügst, um zwischen diesen Seiten zu wechseln.
Schritt 1: Erste HTML-Seite erstellen
Erstelle eine Datei namens seite1.html mit folgendem Inhalt:
<!DOCTYPE html>
<html>
<head>
<title>Seite 1</title>
</head>
<body>
<h1>Willkommen auf Seite 1</h1>
<p>Das ist die erste Seite.</p>
<a href="seite2.html">Zur Seite 2</a>
</body>
</html>Schritt 2: Zweite HTML-Seite erstellen
Erstelle eine zweite Datei namens seite2.html mit folgendem Inhalt:
<!DOCTYPE html>
<html>
<head>
<title>Seite 2</title>
</head>
<body>
<h1>Willkommen auf Seite 2</h1>
<p>Das ist die zweite Seite.</p>
<a href="seite1.html">Zurück zur Seite 1</a>
</body>
</html>Schritt 3: Dateien testen
- Speichere beide Dateien im gleichen Ordner.
- Öffne
seite1.htmlin deinem Browser. - Klicke auf den Link, um zu
seite2.htmlzu wechseln, und zurück.
Erklärung
- Der
<a>-Tag wird verwendet, um Links zwischen den Seiten zu erstellen. - Das Attribut
hrefgibt den Pfad zur Zielseite an.
Mit diesen einfachen Schritten kannst du eine einfache Navigation erstellen. Im nächsten Kapitel erweitern wir die Seiten mit CSS, um ein ansprechenderes Design zu gestalten.