Dateiorganisation

Bevor wir ein Projekt im Internet veröffentlichen, erstellen und bearbeiten wir die Dateien mit einem HTML-Editor. Die Dateien können zunächst lokal auf dem eigenen Gerät gespeichert und später auf einen Webserver hochgeladen werden.

Websites sind meist in Ordner und Unterordner gegliedert. Über relative Pfade können HTML-Dateien auf andere Seiten, Bilder oder weitere Dateien innerhalb dieser Ordnerstruktur verweisen.

Beispiele:

• href="htmlkursstart.html" – Testlink: Startseite HTML-Kurs
• href="./htmlkursstart.html" – Testlink: Startseite HTML-Kurs
• href="./img/2023_Roedertal01-mittel.webp" – Testlink: Foto Adlerfarn
• ../dateiname
• ../../dateiname
• ../../Testordner/dateiname

Für eine Datei im gleichen Verzeichnis geben wir einfach den Dateinamen oder ./dateiname an. Im obigen Beispiel also htmlkursstart.html oder ./htmlkursstart.html.

Um ein Unterverzeichnis zu referenzieren, geben wir zusätzlich den Namen des Verzeichnisses an, z.B. ./img/dateiname.

Mit ../dateiname springen wir ein Verzeichnis nach oben in der Verzeichnisstruktur, mit ../../ zwei Verzeichnisse etc.

Springen wir im Verzeichnisbaum zunächst nach oben, können wir bei Bedarf wieder auf ein Unterverzeichnis verzweigen.

Quelle: selfhtml