Aby połączyć dokument HTML z zewnętrznym arkuszem stylów CSS, stosuje się element <link> umieszczany standardowo w sekcji <head>. Kluczowe są dwa atrybuty:
- rel – określa relację zasobu do dokumentu; dla CSS jest to wartość stylesheet.
- href – wskazuje lokalizację pliku CSS (np. ścieżkę względną style.css lub adres URL).
Dlatego zapis <link rel="stylesheet" href="style.css"> jest właściwy: informuje przeglądarkę, że ma pobrać plik style.css i zastosować zawarte w nim reguły kaskadowych arkuszy stylów do renderowania strony.
Pozostałe odpowiedzi są błędne z typowych powodów spotykanych na egzaminach i w praktyce:
- Wariant z src miesza przeznaczenie atrybutów. Atrybut src jest używany m.in. w elementach osadzających zasoby (np. skrypty lub multimedia), natomiast w <link> dla CSS używa się href. Dodatkowo błędny cudzysłów w rel powoduje niepoprawną składnię.
- Wariant <a href="style.css"> tworzy hiperłącze do pliku, czyli klikany odnośnik, a nie mechanizm automatycznego wczytania stylów przez przeglądarkę.
- Wariant <a src="style.css"> jest podwójnie nietrafny: element <a> nie służy do dołączania stylów, a atrybut src nie jest właściwy dla tego elementu.
Wskazówka egzaminacyjna: gdy pytanie dotyczy "podłączenia arkusza stylów", szukaj kombinacji link + rel="stylesheet" + href. To odróżnia ładowanie zasobu od zwykłego odnośnika na stronie.
