Strona internetowa ma strukturę katalogów przedstawioną na ilustracji. Wskaż sposób, w jaki należy odwołać się do pliku default.css z dokumentu podstrona.html, który znajduje się w katalogu tmp.
<link rel="stylesheet" href="tmp/style/default.css">
<link rel="stylesheet" href="../style/default.css">
<link rel="stylesheet" href=".../style/default.css">
<link rel="stylesheet" href="./style/default.css">
Plik podstrona.html leży w katalogu tmp, a arkusz stylów w katalogu style. Oba są podkatalogami katalogu Strona, więc z tmp trzeba najpierw wyjść piętro wyżej, a potem wejść do style. Wyjście do katalogu nadrzędnego zapisuje się dwiema kropkami, stąd ścieżka ../style/default.css. To ścieżka względna - liczona od położenia dokumentu, który ją zawiera, więc działa tak samo na dysku i na serwerze. Do zapamiętania: . to bieżący katalog, .. to katalog nadrzędny, a separatorem w adresach jest ukośnik /. Dwa poziomy w górę zapisuje się jako ../../. Taki sam zapis stosuje się w atrybutach src obrazów i skryptów.
Błędne zapisy biorą się zwykle z liczenia ścieżki od niewłaściwego miejsca. Zapis ./style/default.css byłby dobry dla dokumentu leżącego bezpośrednio w katalogu Strona, ale podstrona.html jest w tmp, a tam nie ma podkatalogu style. Ścieżka tmp/style/default.css zakłada, że wewnątrz tmp istnieje kolejny katalog tmp - przeglądarka szukałaby pliku w Strona/tmp/tmp/style. Trzy kropki nie oznaczają w adresach niczego: katalog bieżący to jedna kropka, nadrzędny - dwie, więc .../style/ wskazuje nieistniejący katalog o nazwie złożonej z trzech kropek. Ścieżkę względną zawsze licz od katalogu, w którym leży plik HTML: z tmp idziesz do Strona przez .., a stamtąd do style. Zanim wpiszesz ścieżkę, ustal na ilustracji, w którym katalogu leży plik HTML, a w którym plik docelowy, i policz, ile poziomów trzeba przejść w górę.