Absolute Pfadangabe

Absolute Pfadangaben müssen immer dann benutzt werden, wenn die zu referenzierende Datei nicht auf dem gleichen Webserver liegt.

In den Beispielen wird jeweils die Datei bild.gif von der Datei index.htm referenziert:

<img src="http://eick-at.de/project/images/bild.gif">

Es muss dabei immer die gesamte URL (engl. uniform resource locator) angegeben werden. Eine URL beginnt immer mit dem verwendeten Protokoll (z.B. http://) , dann wird der Domainname angegeben (z.B. www.eick-at.de), danach folgt der Pfad (z.B. project/images) und zum Schluss der Dateiname (z.B. bild.gif).

Relative Pfadangabe

Liegen die zu referenzierenden HTML-Dateien oder Bilder auf dem gleichen Webserver, dann benutzt man relative Pfade. Somit kann man ein ganzes Projekt hochladen, ohne vorher jeden einzelnen Link verändern zu müssen.

Beide Dateien befinden sich im gleichen Ordner:

<img src="bild.gif">

Die referenzierte Datei befindet sich in einem Unterordner:

<img src="images/bild.gif">

Die refenzierte Datei befindet sich direkt im übergeordneten Ordner:

<img src="../bild.gif">

Die refenzierte Datei befindet sich in zweifach übergeordnetem Ordner:

<img src="../../bild.gif">

Die refenzierte Datei befindet sich in einem anderen Ordner auf gleicher Ebene:

<img src="../images/bild.gif">

Komplexer relativer Pfad:

<img src="../../images/bild.gif">

Hinweis: Achten Sie auf Groß- und Kleinschreibung und auf Schrägstriche / und keine Backslashes \! Auf einem Linuxserver wird eine Datei sonst nicht gefunden, obwohl das auf einem Windowsbetriebsystem beim Entwickeln funktioniert hat.