W jakim zawodzie przydaje się ta wiedza?

Wiedza ta jest potrzebna w zawodach: TECHNIK INFORMATYK oraz TECHNIK PROGRAMISTA.

Gdzie mogę przećwiczyć więcej pytań z kwalifikacji INF.03?

Więcej pytań z kwalifikacji INF.03 znajdziesz na Zawodowe.edu.pl - darmowa baza pytań CKE z symulatorem egzaminu.

Tryb nauki (pokaż prawidłową odpowiedź)

Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Zawód: Technik informatyk, Technik programista

Kategorie: Tworzenie stron WWW Systemy CMS i narzędzia webowe

Słowa kluczowe: CSS Sekcja <head> w HTML Sposoby dołączania CSS do HTML Ścieżki do plików w HTML Ścieżki względne i bezwzględne w HTML

Plik HTML jest w folderze `www/html/`, a `styl.css` w `www/style/`. Jak poprawnie (ścieżką względną) dołączyć arkusz w pliku HTML?

Q: Do jakiej kwalifikacji zawodowej należy to pytanie?

To pytanie pochodzi z kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych. Wymagana w zawodach: Technik informatyk, Technik programista.

Dobrze. ../ cofa do www/, potem wchodzi do style/.

Źle. Szuka pliku w tym samym folderze (html/), gdzie go nie ma.

Źle. To szukałoby www wewnątrz html/.

Źle. Szuka podfolderu style wewnątrz html/.

Ścieżka względna prowadzi „od miejsca, w którym jesteśmy”. Plik HTML leży w www/html/, a arkusz w www/style/, więc trzeba najpierw cofnąć się o katalog w górę (../ prowadzi do www/), a potem zejść do style/. Daje to href="../style/styl.css".

Pozostałe ścieżki szukają arkusza w złym miejscu. href="styl.css" oczekuje pliku w tym samym folderze co HTML (html/), gdzie go nie ma. href="style/styl.css" szukałby podfolderu style/ wewnątrz html/. href="www/style/styl.css" liczy ścieżkę tak, jakby HTML był w korzeniu. Do celu prowadzi tylko cofnięcie się przez ../style/styl.css.

Pytania pomocnicze (12)

Do czego służy znacznik link podczas dołączania CSS?

Znacznik `link` umieszczony zwykle w sekcji `head` pozwala podłączyć zewnętrzny arkusz stylów do dokumentu HTML. Najważniejsze atrybuty to `rel="stylesheet"` oraz `href` ze ścieżką do pliku CSS.

Do czego służy znacznik link w dokumencie HTML?

Znacznik `link` służy między innymi do dołączania zewnętrznych zasobów, np. arkusza stylów CSS. Najczęściej umieszcza się go w sekcji `head` dokumentu.

Co oznacza zapis ../ w ścieżce do pliku?

Zapis `../` oznacza przejście o jeden poziom wyżej w strukturze katalogów. Używa się go, gdy plik docelowy znajduje się poza bieżącym folderem.

Gdzie standardowo umieszcza się odwołanie do zewnętrznego pliku CSS?

Odwołanie do zewnętrznego arkusza CSS umieszcza się w sekcji `<head>` dokumentu HTML. Dzięki temu style są ładowane przed wyświetleniem treści strony.

Czym różni się ścieżka względna od ścieżki zaczynającej się od ukośnika?

Ścieżka względna jest liczona od położenia aktualnego pliku HTML. Ścieżka zaczynająca się od `/` jest liczona od katalogu głównego witryny.

Gdzie najczęściej umieszcza się odwołanie do zewnętrznego pliku CSS?

Odwołanie do zewnętrznego arkusza CSS umieszcza się w sekcji `head` dokumentu HTML. Dzięki temu style mogą zostać załadowane przed wyświetleniem treści strony.

Jaka jest różnica między ścieżką zaczynającą się od / a ścieżką bez tego znaku?

Ścieżka zaczynająca się od `/` jest liczona od katalogu głównego witryny. Ścieżka bez `/` jest liczona względem lokalizacji aktualnego pliku HTML.

Jaka ścieżka jest poprawna, gdy plik HTML i plik CSS są w tym samym katalogu?

Wystarczy podać samą nazwę pliku, np. `href="styl.css"`. Można też użyć zapisu `./styl.css`, gdzie `./` oznacza bieżący katalog.

Dlaczego w adresie do pliku CSS zwykle nie wpisuje się folderu www?

Folder `www` najczęściej jest katalogiem głównym serwera WWW. Dla przeglądarki jego zawartość jest już początkiem witryny, więc nie podaje się go w adresie URL.

Dlaczego zapis /www/style/styl.css często jest błędny w adresie HTML?

Katalog `www` jest zwykle katalogiem głównym serwera i nie jest widoczny jako część adresu URL. Przeglądarka szuka zasobów względem katalogu głównego witryny, a nie fizycznej nazwy katalogu na serwerze.

Jak dołączyć plik styl.css znajdujący się w tym samym katalogu co plik HTML?

Wystarczy podać samą nazwę pliku, np. `<link rel="stylesheet" href="styl.css">`. Nie trzeba używać `../` ani pełnej ścieżki.

Jak dołączyć plik CSS z podkatalogu style znajdującego się obok pliku HTML?

Jeśli folder `style` znajduje się w tym samym katalogu co plik HTML, należy użyć ścieżki `style/styl.css`.

Plik HTML jest w folderze `www/html/`, a `styl.css` w `www/style/`. Jak poprawnie (ścieżką względną) dołączyć arkusz w pliku HTML?

Wymagane logowanie

Zgłoś błąd w pytaniu

Plik HTML jest w folderze www/html/, a styl.css w www/style/. Jak poprawnie (ścieżką względną) dołączyć arkusz w pliku HTML?

Plik HTML jest w folderze `www/html/`, a `styl.css` w `www/style/`. Jak poprawnie (ścieżką względną) dołączyć arkusz w pliku HTML?