Aby dołączyć kaskadowy arkusz stylów zapisany w zewnętrznym pliku, w HTML stosuje się element <link>. Jest to standardowy mechanizm "podpinania" zasobów do dokumentu, a w przypadku CSS kluczowy jest atrybut rel ustawiony na wartość stylesheet. To właśnie relacja stylesheet mówi przeglądarce, że wskazany zasób jest arkuszem stylów.
Dlaczego poprawna odpowiedź działa?
Fragment z <link rel="stylesheet" ... href="styl.css"> zawiera:
- href – ścieżkę/URL do pliku CSS, który ma zostać pobrany,
- rel="stylesheet" – jednoznaczną informację o przeznaczeniu zasobu,
- (opcjonalnie) type="text/css" – historycznie używany typ MIME; w nowoczesnym HTML zwykle nie jest wymagany, ale nie zmienia tego, że wskazuje CSS.
W praktyce taki element umieszcza się w sekcji <head>, aby style zostały wczytane przed renderowaniem treści strony.Dlaczego pozostałe odpowiedzi są niepoprawne?
- <div ...> to element strukturalny służący do grupowania treści. Nie definiuje relacji "arkusz stylów" i nie powoduje pobrania pliku CSS.
- <option ...> (nawet w błędnej składni) jest kojarzony z listami wyboru w formularzach (<select>). Nie służy do podłączania zasobów strony.
- <meta ...> służy do metadanych (np. kodowanie znaków). Wskazanie pliku w atrybucie charset jest bez sensu semantycznie i nie dołącza stylów.
Wskazówka egzaminacyjna: jeśli pytanie dotyczy dołączenia zewnętrznego CSS, szukaj odpowiedzi z <link> oraz parą: rel="stylesheet" + href="...css". Sama obecność nazwy pliku nie wystarczy, liczy się poprawna rola znacznika i atrybutów.
