Hyperlinks - Organisation und Verlinkung einer Website: relative Links

Absolute Links sind für die Verknüpfung der Dateien einer Website gedacht, die auf dem Selben Server liegt.
Solche relativen Links werden so notiert:

1. <A HREF="datei.xxx">Linktext</A>
2. <A HREF="../datei.xxx">Linktext</A>
3. <A HREF="verzeichnis/datei.xxx">Linktext</A>
4. <A HREF="../verzeichnis/datei.xxx">Linktext</A>
5. <A HREF="/datei.xxx">Linktext</A>
6. <A HREF="/verzeichnis/datei.xxx">Linktext</A>

Diese 6 Varianten lassen sich wie folgt erklären:

1. Die Datei liegt im selben Ordner
2. Die Datei liegt im übergeordneten Ordner, wobei ../ wiederholt werden kann, um in den Überüber...ordner zu gelangen
3. Die Datei liegt in einem Unterordner, wobei ordner/ wiederholt werden kann, um in den Unterunter...ordner zu gelangen
4. Die Datei liegt in einem Unterordner des übregeordneten Ordners
5. Die Datei liegt im Stammverzeichnis des Servers
6. Die Datei liegt in einem unterergeordneten Ordner des Stammverzeichnis

Wenn ein Link nur auf ein Verzeichnis gesetzt wird, so wird automatisch index.html oder eine serverabhängige andere Startseite geöffnet.
Diese Art von Link wird relativer Link genannt, weil hier der Pfad und der Dateiname relativ vom Ort der Speicherort der Datei, in der der Link notiert ist, angegeben wird.

Damit diese Links überhaupt Sinn haben sollte man seine Website auch in verschiedene Unterverzeichnisse gleidern, um besser den Überblick behalten zu können. So kann man z.B. ein Verzeichnis "Images" anlegen, in das alle Grafiken und bilder kommen, auf die dann relativ verwiesen wird, allerdings nicht als Link (<A></A>), sondern im <IMG>-Tag. Siehe hierzu auch: 3.e Grafiken und andere Multimedia-Inhalte (Und auch dies ist ein relativer Link, genauso wie die Links im Menü)