Ścieżki plików HTML

Ścieżka Opis
<img src="picture.jpg"> picture.jpg znajduje się w tym samym katalogu co strona
<img src="images/picture.jpg"> picture.jpg znajduje się w katalogu images w bieżącym katalogu
<img src="/images/picture.jpg"> picture.jpg znajduje się w katalogu images w głównym katalogu witryny
<img src="../picture.jpg"> picture.jpg znajduje się w katalogu wyżej znajdującym się w bieżącym katalogu

Ścieżki plików HTML

Ścieżki plików opisują pozycję pliku w strukturze katalogów strony.

Ścieżki plików są używane do linkowania zewnętrznych plików:

  • Strona internetowa
  • Obraz
  • Arkusz stylów
  • JavaScript

Bezpośrednia ścieżka pliku

Bezpośrednia ścieżka pliku to pełna URL wskazująca na plik w Internecie:

Przykład

<img src="https://www.codew3c.com/images/picture.jpg" alt="flower">

Tag <img> oraz atrybuty src i alt są omówione w rozdziale o obrazach HTML.

Ścieżki względne

Ścieżki względne wskazują na pliki w stosunku do bieżącej strony.

W tym przykładzie, ścieżka pliku wskazuje na plik znajdujący się w katalogu images w katalogu głównym strony:

Przykład

<img src="/images/picture.jpg" alt="flower">

W tym przykładzie, ścieżka pliku wskazuje na plik znajdujący się w katalogu images w bieżącym katalogu:

Przykład

<img src="images/picture.jpg" alt="flower">

W tym przykładzie, ścieżka pliku wskazuje na plik znajdujący się w katalogu images w katalogu wyżej znajdującym się w bieżącym katalogu:

Przykład

<img src="../images/picture.jpg" alt="flower">

Dobry nawyk

Używanie ścieżki względnej to dobry nawyk (jeśli to możliwe).

Jeśli używasz ścieżki względnej, Twoja strona internetowa nie będzie związana z bieżącym URL bazowym. Wszystkie linki będą działać na Twoim komputerze (localhost) lub przyszłych domenach publicznych.