Was sind relative- und absolute Pfade in HTML
Relative Pfade
Ein relativer Pfad beschreibt die Location einer Datei in einer Ordner-Struktur. Liegen z.B. die Bilder auf dem gleichen Server werden relative Pfade verwendet. Sie müssen mit dem src="...." Attribut im HTML-Code auf den Standort des Bild verweisen. Bilder befinden sich eigentlich immer in einem eigenen Ordner z.B. mit dem Namen 'Bilder' oder 'Image' (kann auch anders benennt werden). Das Element <img src="Bilder/Logo.png"> ist verlinkt zu einem relativen Pfad:Relative Pfade zu:
| HTML-Dateien |
| Bildern |
| eventuell Animationen |
| Audio-und Viedeodateien und so weiter ..... |
<img src="Bilder/Logo.png"> Das Bild Logo.png liegt im Ordner Bilder. Dieser Ordner befindet sich eine Ebene unter projekt.
<img src="../Logo.png"> Das Bild Logo.png im Ordner Bilder liegt eine Ebene höher als die HTML-Datei archiv.htm aus dem Ordner archiv.
Das drückt der relative Pfadname ../ aus
<img src="../../Logo.png"> Das Bild Logo.png im Ordner Bilder liegt 2 Ebenen höher als die HTML-Datei index.htm.
Das wird durch ../../ ausgedrückt.
<img src="../Bilder/Logo.png"> Logo.png liegt eine Ebene höher und von dort aus im Ordner Bilder , von archiv.htm aus gesehen.
<img src="../../../Bilder/Logos/Logo.png"> Drei Ebenen nach oben, dann abbiegen in den Ordner Bilder und zu guter Letzt wechseln in den Ordner Logos, wo das Bild Logo.png liegt .
Absoluter Pfad:
Ein absoluter Pfad ist die URL im Internet mit Verweis auf die Datei:<img src="https://www.strassencoder.ch/Bilder/Logo12.png" alt="Logo">
