KWALIFIKACJA INF3 - STYCZEŃ 2015

PYTANIE NR 1.
Aby ustawić kolor tła strony internetowej zgodnie ze standardem HTML5 i CSS3, należy użyć
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawne jest użycie reguły CSS, ponieważ w HTML5 zaleca się rozdzielenie struktury dokumentu (HTML) od wyglądu (CSS). Właściwość background-color ustawiona dla selektora body definiuje kolor tła całej strony. Atrybuty typu bgcolor są przestarzałe, a osobny tag <bgcolor> nie istnieje.

Pełne wyjaśnienie:

Ustawianie wyglądu strony (np. koloru tła) we współczesnym podejściu realizuje się przez CSS, a nie przez atrybuty prezentacyjne w HTML. Dlatego odpowiedź "stylu CSS: body { background-color: #ffffff; }" jest poprawna: selektor body wskazuje element będący "obszarem" całej strony, a właściwość background-color ustala jego kolor tła.

Opcja z style="background-color: #ffffff" w tagu <body> wykorzystuje CSS inline. Taki zapis zwykle zadziała, ale jest mniej zalecany w praktyce (utrudnia utrzymanie i ponowne użycie stylów). Ponieważ pytanie akcentuje standard HTML5 i CSS3 oraz dobre praktyki, preferowane jest rozwiązanie oparte o regułę CSS.

Opcja "atrybutu bgcolor w znaczniku <body>" dotyczy starszych sposobów stylowania znanych z HTML4. W HTML5 tego typu atrybuty są traktowane jako przestarzałe (obsolete) i walidatory mogą je oznaczać jako niezgodne ze standardem. To typowa pułapka: coś może być nadal obsługiwane przez przeglądarkę, ale nie być poprawnym, aktualnym zapisem.

Opcja "znacznika <bgcolor></bgcolor>" jest błędna, bo nie istnieje taki element HTML. Kolor tła w praktyce ustala się przez CSS (background-color lub szerzej: background).

  • Wskazówka egzaminacyjna: jeśli w pytaniu pojawia się HTML5/CSS3 i stylowanie, domyślnie szukaj odpowiedzi w CSS, a nie w "starych" atrybutach HTML.
  • Wskazówka praktyczna: trzymaj style w arkuszu CSS, aby łatwo zmienić wygląd wielu stron jedną modyfikacją.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Ustaw to na selektorze body, np.: body { background-color: #ffffff; }. Dzięki temu kolor tła dotyczy całej strony, a styl jest oddzielony od struktury HTML, co ułatwia utrzymanie i spełnia współczesne standardy HTML5/CSS3.
Bo miesza warstwę prezentacji ze strukturą dokumentu. W HTML5 promuje się zasadę: HTML opisuje treść i układ semantyczny, a CSS odpowiada za wygląd. Dlatego atrybuty prezentacyjne typu bgcolor są klasyfikowane jako przestarzałe i mogą być oznaczane przez walidatory.
Często tak, ponieważ przeglądarki utrzymują kompatybilność wsteczną. To jednak nie oznacza, że jest to zapis poprawny i zalecany. Na egzaminie oraz w nowych projektach należy preferować CSS, bo jest zgodny z aktualnymi standardami i łatwiejszy w utrzymaniu.
Zwykle lepszy jest CSS w arkuszu stylów (plik .css lub sekcja style), bo pozwala zarządzać wyglądem globalnie i ogranicza powielanie kodu. Styl inline (atrybut style) bywa dopuszczalny w wyjątkach, ale utrudnia utrzymanie i nadpisywanie reguł w większych projektach.
Do obrazu tła używa się CSS, np. body { background-image: url('tlo.png'); } oraz często dodatkowo background-repeat i background-size. W HTML5 nie zaleca się używania atrybutu background w <body>, tylko konfigurację w CSS.
Nie. W HTML nie ma elementu <bgcolor>. Kolor tła ustala się przez CSS, np. background-color. Jeśli widzisz w odpowiedziach "wymyślone" znaczniki, to zwykle są to dystraktory sprawdzające, czy znasz rzeczywiste elementy i atrybuty.
Najczęstsze to: używanie przestarzałych atrybutów HTML (np. bgcolor), mylenie "działa w przeglądarce" z "jest zgodne ze standardem", oraz nadużywanie stylów inline. W projektach lepiej trzymać styl w CSS i walidować kod, aby wyłapać niezalecane konstrukcje.
Warto użyć walidatora, gdy chcesz sprawdzić zgodność dokumentu z HTML5 i wychwycić przestarzałe elementy/atrybuty. Jeśli ustawisz tło przez CSS, walidator zwykle nie zgłosi problemu. Jeśli użyjesz atrybutów typu bgcolor, możesz dostać ostrzeżenia lub błędy walidacji.
Zwracaj uwagę na sformułowania typu "zgodnie ze standardem HTML5 i CSS3" oraz na odpowiedzi używające właściwości CSS (np. background-color). Obecność starych atrybutów prezentacyjnych (bgcolor, background w <body>) jest sygnałem, że to odpowiedzi przestarzałe.
Ułatwia utrzymanie i rozwój stron: HTML pozostaje czytelny i semantyczny, a zmiany wyglądu wykonuje się w jednym miejscu (CSS). To skraca czas pracy, ogranicza liczbę błędów i jest zgodne z nowoczesnym podejściem stosowanym także w frameworkach, które opierają się na CSS.
info

Około 51% zdających odpowiada poprawnie na to pytanie. trudne

Według specjalistów z branży: "Poprawne jest użycie reguły CSS, ponieważ w HTML5 zaleca się rozdzielenie struktury dokumentu (HTML) od wyglądu (CSS)."

Źródła:

  • WHATWG HTML Living Standard (HTML): sekcje dotyczące cech niezgodnych / przestarzałych (obsolete / non-conforming features) — https://html.spec.whatwg.org/ (dostęp: 2026-02-28)
  • MDN Web Docs: CSS property background-color — https://developer.mozilla.org/en-US/docs/Web/CSS/background-color (dostęp: 2026-02-28)
  • W3C Markup Validation Service (informacje o walidacji HTML i wykrywaniu niezalecanych konstrukcji) — https://validator.w3.org/ (dostęp: 2026-02-28)

Materiały:

  • WHATWG HTML Living Standard (sekcje o cechach niezgodnych i przestarzałych)
  • MDN Web Docs: background-color i style w HTML
  • Dokumentacja W3C/WHATWG dotycząca rozdziału struktury i prezentacji

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego