Hypertext durch Links

Inhaltsverzeichnis

Was ist ein Link?
Ziele in einem Dokument
Verweise innerhalb dieses Dokuments
Verweise auf andere lokale Dateien
Verweise auf andere Computer im Internet

1. Was ist ein Link?

Ein Link ist ein Verweis. Wird ein Link mit der Maus angeklickt, wird zu der Stelle gesprungen, auf die der Link verweist. Damit ein Link funktioniert, müssen zwei Voraussetzungen erfüllt sein:

Der Verweis muß auf ein Ziel zeigen. Definition im Quelltext: <a href="#ziel"> Dieser Link funktioniert nicht. </a>
Das Ziel muß eindeutig definiert sein. Definition im Quelltext: <a name="ziel"> Dieses Ziel auch nicht. </a>

In Quelltext ist ein Link und ein Ziel für einen Link durch <a> und </a> eingeschlossen.

Beispiel

Der Link in dieser Zeile zeigt auf das Dokument "Grafiken einbinden".

Zurück zum Seitenanfang

2. Ziele in einem Dokument

Die Stelle im Dokument, auf die ein Link verweisen soll, muß durch einen Anker definiert werden. Ein solcher Anker mit dem Namen "innerhalb" befindet sich im Quelltext über der Überschrift "Verweise innerhalb eines Dokuments". Er wird durch das Attribut name="innerhalb" definiert.

Aufgaben

Suche den beschriebenen Anker über der Überschrift!

Zeige die übrigen Anker in diesem Dokument!

Zurück zum Seitenanfang

3. Verweise innerhalb dieses Dokuments

Das Ziel für einen Link wird als Attribut im Anfangs-Tag definiert: href="innerhalb". Beim Anklicken wird zum Anker "innerhalb" in diesem Dokument gesprungen. Der durch durch <a> und </a> eingeschlossene Text erscheint gefärbt und unterstrichen.

Aufgabe

Beschreibe anhand des Quelltextes den zum Seitenanfang verweisenden Link "Zurück zum Seitenanfang".
Erläutere den Aufbau dieser Seite und die Navigation durch die Links und Ziele innerhalb der Seite!

Zurück zum Seitenanfang

4. Verweise auf andere lokale Dateien

Soll der Link auf eine andere HTML-Datei verweisen, muß der Dateiname und der Pfad zur Datei angegeben werden. Für die Pfadangaben gelten die gleichen Regeln, wie beim Einbinden von Grafiken. Schau dort nach, indem du den Link anklickst. Im Link kann nach dem "#"-Zeichen eine Stelle in dieser Datei angegeben werden, auf die der Link zeigen soll. Fehlt diese Angabe, wird der Anfang der Seite angezeigt.
Beachte die Verwendung des normalen Schrägstrichs (/) alstelle des Backslash (\) in den Pfadangaben. "../" bedeutet: Eine Verzeichnisebene nach oben.
Werden bei der Erstellung einer Site relative Adressen verwendet, kann die Site ohne Probleme auf einen Server kopiert werden, ohne daß die Pfadangaben angepaßt werden müssen.

Aufgaben

Schau dir den Quelltext zum Link "Einbinden von Grafiken" in diesem Kapitel an, und beschreibe seinen Aufbau!

Zurück zum Seitenanfang

5. Verweise auf andere Computer im Internet.

Beim Verweis auf einen anderen Computer muß als Ziel zunächst der Dienst (Bsp: http://), dann der Name des Rechners bzw. der Domain (Bsp.: uni-paderborn.de/), dann der Pfad (Bsp.: daten/) und als letztes der Name des Dokuments (Bsp.: index.htm) und evtl. die Stelle in diesem Dokument (#test) angegeben werden.

Aufgabe

Erläutere den Link href="http://www.hu-berlin.de/html/kurs/links.htm#absolut"!

Zurück zum Seitenanfang --- Zurück zum Inhaltsverzeichnis