Dateipfade

Beispiel 1

Das obige Bild liegt im selben Ordner wie diese HTML-Datei und wurde mit folgendem HTML-Code eingebunden:


        <img src="bild1.png">

Dem obigen HTML-Element wurde mit CSS im selben Dokument ein Hintergrundbild zugewiesen, das in einem Unterordner liegt.


    background-image: url(bilder/bild2.png);

Dem obigen HTML-Element wurde in der CSS-Datei ein Hintergrundbild zugewiesen.

In der HTML-Datei wird eine CSS-Datei eingebunden die im Unterordner /css liegt:


        <link rel="stylesheet" type="text/css" href="css/style.css" >

In der CSS-Datei wird ein Bild verlinkt, das in einem Unterordner des übergeordneten Ordners liegt.


    background-image: url(../bilder/bild2.png);

Das heisst:

Der Browser startet die Suche nach dieser Bilddatei im selben Ordner wie die CSS-Datei liegt. Wir sind an folgendem Ort: website/css
../: Gehe in den übergeordneten Ordner. Der Browser sucht die Datei nun im Hauptordner. Wir sind jetzt im Ordner website
bilder/: Gehe von dort in den Bilder-Ordner.
Dort liegt die Datei bild2.png Verwende diese.