KWALIFIKACJA INF3 - CZERWIEC 2014

PYTANIE NR 1.
Którego kodu należy użyć, aby wyraz TEKST został wyświetlony w kolorze czarnym w oknie przeglądarki internetowej?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawny zapis to ustawienie koloru tekstu właściwością CSS color, np. #000000 (czarny). Wariant z "czarny" nie jest poprawną nazwą koloru w CSS, background-color zmienia tło, a text-color nie jest właściwością CSS.

Pełne wyjaśnienie:

Aby wyraz był wyświetlony na czarno, należy sterować kolorem pisma w CSS. Do tego służy właściwość color, którą można wpisać np. jako wartość heksadecymalną #000000. Umieszczenie tekstu w elemencie typu span i dodanie atrybutu style jest poprawnym (choć w praktyce często zastępowanym klasami) sposobem stylizacji w HTML5.

Odpowiedź "<span style="color: #000000">TEKST</span>" jest poprawna, bo:

  • używa CSS do prezentacji (zamiast przestarzałych znaczników prezentacyjnych),
  • stosuje właściwość color, która odpowiada za kolor tekstu,
  • podaje prawidłową wartość koloru (czarny) w formacie HEX.

Pozostałe propozycje są błędne typowymi sposobami:

  • "color: czarny" – CSS nie rozumie polskich nazw kolorów; standardowo używa się nazw angielskich (np. black) albo zapisów typu HEX/RGB/HSL.
  • "background-color: black" – ustawia kolor tła, a nie kolor liter. Tekst może pozostać w domyślnym kolorze, więc nie spełnia warunku pytania.
  • "text-color: black" – taka właściwość w CSS nie istnieje, więc przeglądarka ją zignoruje.

W praktycznych projektach zamiast stylu inline częściej tworzy się klasę w CSS (np. w pliku .css) i nadaje ją elementowi, co poprawia czytelność i ułatwia utrzymanie kodu.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Właściwość CSS color ustawia kolor tekstu (kolor liter) wewnątrz elementu HTML. Możesz podać wartość jako HEX (np. #000000), nazwę koloru (np. black) albo format RGB/HSL. To podstawowa właściwość do stylowania typografii.
W HTML5 używa się CSS, np. <span style="color: #000000">TEKST</span>. Lepszą praktyką jest klasa CSS w pliku stylów, np. .czarny{color:#000} i użycie <span class="czarny">.
Znacznik <font> mieszał strukturę dokumentu z wyglądem. Współczesne podejście rozdziela warstwy: HTML opisuje treść i strukturę, a CSS odpowiada za prezentację. Dlatego elementy prezentacyjne są oznaczane jako przestarzałe i niezalecane w nowych projektach.
color zmienia kolor tekstu (liter), a background-color ustawia kolor tła elementu. To częsty błąd na egzaminach: ustawienie background-color: black nie gwarantuje czarnego tekstu, tylko czarne tło.
Tak, nazwa black jest poprawną wartością CSS i daje czarny kolor tekstu. Zapis #000000 jest równoważny. Ważne: nazwy kolorów muszą być zgodne ze składnią CSS (zwykle angielskie), więc "czarny" nie zadziała.
CSS nie interpretuje polskich nazw kolorów. Przeglądarka oczekuje nazw zdefiniowanych w standardzie (np. black) albo wartości liczbowych (HEX/RGB/HSL). Gdy wartość jest niepoprawna, reguła jest ignorowana i tekst zostaje w kolorze domyślnym.
Nie. Poprawna właściwość do koloru tekstu to color. Jeśli wpiszesz nieistniejącą właściwość (np. text-color), przeglądarka ją pominie bez błędu krytycznego, co może utrudniać diagnozę. Na egzaminie to typowy "haczyk".
<span> jest elementem liniowym (inline) i nadaje się do stylowania fragmentu tekstu w środku zdania. <div> jest blokowy (block) i zwykle obejmuje większy fragment układu. Do pojedynczego wyrazu "TEKST" naturalnym wyborem jest <span>.
Użyj DevTools (Narzędzia deweloperskie) i sprawdź zakładkę Styles/Computed. Zobaczysz, czy reguła color jest zastosowana, czy przekreślona przez inną regułę lub czy ma błędną wartość. To najszybsza metoda wykrywania literówek i złych właściwości.
Najczęstsze pomyłki to: mylenie color z background-color, używanie nieistniejących właściwości (np. text-color), wpisywanie polskich nazw kolorów, oraz błędy składni HTML (np. brak domknięcia tagu). Warto trenować rozpoznawanie tych pułapek.
info

Statystycznie 56% uczniów zna prawidłową odpowiedź. średnie

Według specjalistów z branży: "Poprawny zapis to ustawienie koloru tekstu właściwością CSS color, np. #000000 (czarny)."

Źródła:

  • MDN Web Docs: "&lt;font&gt;: The Font element" (informacja o przestarzałości), https://developer.mozilla.org/en-US/docs/Web/HTML/Element/font - accessed 2026-02-27
  • WHATWG HTML Living Standard: "Obsolete features" (elementy i atrybuty przestarzałe), https://html.spec.whatwg.org/multipage/obsolete.html - accessed 2026-02-27
  • MDN Web Docs: "color" (CSS property), https://developer.mozilla.org/en-US/docs/Web/CSS/color - accessed 2026-02-27

Materiały:

  • Dokumentacja CSS: właściwość color (MDN Web Docs)
  • Dokumentacja HTML: elementy przestarzałe i niezalecane (WHATWG/W3C)
  • W3C Markup Validation Service – praktyka walidacji kodu HTML

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego