Interne Links in HTML
In der vorherigen Lektion haben wir Links zu Seiten fremder Websites erstellt, indem wir ihre Adresse aus der Adressleiste des Browsers kopiert haben. Nehmen wir nun an, Sie möchten die Seiten Ihrer eigenen Website miteinander verlinken.
In diesem Fall dürfen Sie deren Adressen nicht aus der Adressleiste kopieren. Der Grund dafür ist, dass solche Adressen den vollständigen Pfad zu Ihrer Seite vom Stammlaufwerk Ihres Computers enthalten würden, und beim Verschieben in einen anderen Ordner würden solche Links einfach brechen.
Für Seiten der eigenen Website sollte ein
anderer Ansatz gewählt werden. Lernen wir ihn an einem Beispiel kennen. Nehmen wir an,
im Stammverzeichnis Ihrer Website befinden sich
die Datei index.html und die Datei page.html.
Verlinken wir diese Dateien miteinander. Dazu sollte im Attribut
href der Links einfach der
Name dieser Dateien (mit ihrer Erweiterung) geschrieben werden. Lassen Sie uns
das tun.
Auf der Seite index.html erstellen wir einen Link
zur Seite page.html:
<h1>Index</h1>
<a href="page.html">Link zur Seite</a>
Und auf der Seite page.html erstellen wir einen Link
zur Seite index.html:
<h1>Page</h1>
<a href="index.html">Link zum Index</a>
Erstellen Sie drei HTML-Seiten im Stammverzeichnis Ihrer
Website. Nennen Sie sie 1.html, 2.html,
3.html. Verlinken Sie diese Seiten miteinander.
Erstellen Sie auch eine Seite index.html.
Platzieren Sie darauf Links zu den Seiten 1.html,
2.html, 3.html.
Modifizieren Sie die vorherige Aufgabe so, dass
die Links in einer Liste ul angeordnet sind.
