Aby dołączyć kaskadowy arkusz stylów zapisany w zewnętrznym pliku, należy użyć następującego fragmentu kodu HTML:
Źle.
<option> to element pozycji listy rozwijanej <select> w formularzu - nie służy do dołączania arkuszy stylów.Źle.
<div> to pojemnik na treść, a atrybut relation nie istnieje w HTML - to nie dołącza arkusza stylów.Dobrze. Zewnętrzny arkusz CSS dołączasz znacznikiem
<link> w sekcji <head>: rel="stylesheet" określa typ powiązania, a href wskazuje plik.Źle.
<meta> przekazuje metadane dokumentu (np. kodowanie znaków) - nie ładuje plików CSS.Poprawny jest znacznik
<link rel="stylesheet" type="text/css" href="styl.css">. Zewnętrzny arkusz stylów to osobny plik .css, który dołączasz do strony w sekcji <head> dokumentu HTML właśnie znacznikiem <link>. Atrybut rel="stylesheet" mówi przeglądarce, że powiązany plik to arkusz stylów, href wskazuje jego ścieżkę, a type="text/css" (opcjonalny w HTML5) określa typ zawartości. Taki sposób dołączania CSS oddziela wygląd od treści i pozwala użyć jednego arkusza na wielu podstronach.Każda z błędnych odpowiedzi to prawdziwy znacznik HTML - i na tym polega pułapka, bo żaden z nich nie wczytuje arkusza stylów.
<option> tworzy pojedynczą pozycję listy rozwijanej <select> i ma sens wyłącznie wewnątrz formularza. <meta> rzeczywiście trafia do sekcji <head>, ale przekazuje metadane dokumentu - na przykład kodowanie znaków - a plików nie ładuje. <div> to zwykły pojemnik blokowy na treść strony, a dopisany przy nim atrybut relation w ogóle nie istnieje w HTML. Zewnętrzny plik .css dołącza tylko jeden znacznik: <link rel="stylesheet" href="..."> umieszczony w sekcji <head>.