Zu anderen Seiten der eigenen Webseite verlinken
Zu anderen Seiten der eigenen Webseite verlinken
~9 Min. Lesezeit Zuletzt aktualisiert am 8. August 2026
Bisher besteht Finns Webseite nur aus einer einzigen Datei: index.html. Aber echte Webseiten haben meistens mehrere Seiten - eine Startseite, eine Über-mich-Seite, eine Kontaktseite. In diesem Kapitel legen wir die zweite Seite an und verlinken sie.
Eine zweite Datei anlegen
Erstelle in deinem Ordner meine-webseite (also im selben Ordner wie index.html) eine neue Datei namens spieler.html. Fülle sie mit dem bekannten Grundgerüst und ein bisschen Inhalt:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Meine Lieblingsspieler - Finns Fußball-Webseite</title>
</head>
<body>
<h1>Meine Lieblingsspieler</h1>
<p>Hier stelle ich meine Lieblingsspieler vor.</p>
</body>
</html>Dein Projektordner hat jetzt zwei Dateien:
meine-webseite/ index.html spieler.html
Relative Pfade: der Wegweiser "in diesem Ordner"
Jetzt verlinken wir von index.html zu spieler.html. Weil beide Dateien im selben Ordner liegen, reicht als href-Wert einfach der Dateiname:
<a href="spieler.html">Meine Lieblingsspieler</a>Das nennt man einen relativen Pfad - "relativ" heißt "in Bezug auf die aktuelle Datei". Der Browser versteht das als "schau im selben Ordner wie diese Seite nach einer Datei namens spieler.html". Das ist der Unterschied zum absoluten Pfad, den wir im letzten Kapitel benutzt haben (https://www.fifa.com) - der ist eine vollständige Adresse, die von überall aus funktioniert.
Den Link einbauen
Füge diesen Link ganz oben in index.html ein, direkt unter der Hauptüberschrift:
<h1>Finns Fußball-Webseite</h1>
<p><a href="spieler.html">Meine Lieblingsspieler</a></p>Speichere beide Dateien, lade index.html im Browser neu und klicke auf den Link. Du landest jetzt auf deiner zweiten Seite!
Zurück verlinken
Eine gute Webseite lässt Besucher immer wieder zurückfinden. Füge in spieler.html auch einen Link zurück zur Startseite hinzu:
<h1>Meine Lieblingsspieler</h1>
<p>Hier stelle ich meine Lieblingsspieler vor.</p>
<p><a href="index.html">Zurück zur Startseite</a></p>Tipp: Ein sehr üblicher Fehler bei relativen Pfaden: sich beim Dateinamen vertippen (Groß-/Kleinschreibung zählt oft, gerade wenn eine Webseite später online geht!) oder eine Datei in einen anderen Ordner zu verschieben, ohne den Pfad im Link anzupassen. Wenn ein Link "kaputt" ist, ist der Dateiname im href fast immer die erste Stelle, die man prüfen sollte.
Achtung: Achte genau auf Groß- und Kleinschreibung: Spieler.html und spieler.html sind für viele Server zwei völlig unterschiedliche Dateien, auch wenn dein Computer selbst das vielleicht nicht so streng nimmt. Am besten gewöhnst du dir von Anfang an durchgehend Kleinschreibung bei Dateinamen an.