KWALIFIKACJA PGF4 - PAŹDZIERNIK 2016

PYTANIE NR 38.
Zmianę koloru tła strony internetowej zgodnie ze standardem HTML5 uzyska się poprzez użycie atrybutu style z właściwością CSS
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Kolor tła ustawia się w CSS – właściwością background-color. W HTML5 nie zaleca się atrybutów prezentacyjnych typu bgcolor; zamiast tego stosuje się CSS (np. inline w atrybucie style lub w arkuszu .css).

Pełne wyjaśnienie:

Współczesny standard tworzenia stron internetowych zakłada rozdzielenie: HTML opisuje strukturę (nagłówki, akapity, sekcje), a CSS odpowiada za wygląd (kolory, marginesy, typografia). Dlatego zmianę koloru tła realizuje się przez CSS.

Poprawna odpowiedź: background-color. Jest to właściwość CSS, która ustawia kolor tła elementu (np. całej strony, jeśli dotyczy elementu <body>, albo konkretnej sekcji). Typowy zapis inline wygląda tak: <body style="background-color: red;">. W praktyce częściej używa się stylów wewnętrznych w <style> lub zewnętrznego pliku .css, ale sama właściwość pozostaje ta sama.

Dlaczego pozostałe odpowiedzi są błędne?

  • bgcolor to historyczny atrybut prezentacyjny znany z wcześniejszych wersji HTML. W HTML5 jest uznawany za przestarzały (deprecated), a w nowych projektach nie powinien być stosowany, bo miesza warstwę treści z prezentacją i może nie przejść walidacji.
  • color w CSS dotyczy standardowo koloru tekstu, a nie tła. To częsta pułapka: słowo "color" kusi, ale odpowiada za barwę czcionki.
  • text-color nie jest standardową właściwością CSS. Brzmi intuicyjnie, lecz w CSS używa się po prostu właściwości color dla tekstu.

Wskazówka egzaminacyjna: jeśli pytanie dotyczy HTML5 i stylizacji, szukaj odpowiedzi będącej właściwością CSS (np. background-color), a nie starym atrybutem HTML.

Dodatkowe pytania

Dodatkowe pytania (FAQ):

background-color to właściwość CSS, która określa kolor tła elementu HTML.

Możesz jej użyć dla całej strony (np. dla <body>) albo dla pojedynczej sekcji, div-a czy nagłówka. Akceptuje m.in. nazwy kolorów, HEX, RGB i HSL.

Użyj inline CSS w atrybucie style, np. dla elementu <body>:

<body style="background-color:#ffffff;">

Na egzaminie pamiętaj: style to "miejsce na CSS", a właściwa zmiana tła wynika z background-color.

bgcolor to stary atrybut prezentacyjny z wcześniejszych wersji HTML. W podejściu HTML5 zaleca się przeniesienie wyglądu do CSS, czyli osobnej warstwy stylów.

W praktyce przeglądarki mogą go jeszcze interpretować, ale nie jest to poprawny, nowoczesny standard.

background-color zmienia tło elementu, a color zmienia kolor tekstu (czcionki).

To jedno z najczęstszych miejsc pomyłek na testach: jeśli pytanie mówi o tle, szukaj odpowiedzi z członem background.

Nie. text-color nie jest standardową właściwością CSS.

Kolor tekstu ustawia się właściwością color, a kolor tła właściwością background-color. Jeśli widzisz "text-color" w odpowiedziach, traktuj to jako typowy dystraktor.

Zewnętrzny plik .css jest lepszy, gdy styl ma dotyczyć wielu stron lub wielu elementów i chcesz łatwo zarządzać wyglądem.

Atrybut style (inline) bywa wygodny w prototypie, ale utrudnia utrzymanie projektu i powtarzalność stylów w większym serwisie.

Najczęściej spotkasz:

  • nazwy (np. red)
  • HEX (np. #FF0000)
  • RGB (np. rgb(255,0,0))
  • HSL (np. hsl(0,100%,50%))

Na egzaminie ważne jest rozpoznanie właściwości, a nie konkretny zapis wartości.

Zapamiętaj zasadę: CSS ma myślnik i opisuje wygląd (np. background-color), a stare HTML-owe atrybuty prezentacyjne są krótkie (np. bgcolor).

Jeśli w treści pojawia się HTML5, bezpiecznym wyborem jest rozwiązanie CSS.

Najczęściej w CSS:

  • w zewnętrznym arkuszu .css (najlepsza praktyka)
  • w bloku <style> w <head>
  • lub inline w atrybucie style

W każdym przypadku mechanizm jest ten sam: użycie background-color.

Kolor tła wpływa na odbiór zdjęć: kontrast, czytelność typografii i spójność identyfikacji wizualnej.

Znajomość HTML5/CSS pozwala szybko przygotować portfolio, galerię lub landing page i poprawnie stylować elementy bez przestarzałych atrybutów.

info

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

Eksperci podkreślają: "Kolor tła ustawia się w CSS – właściwością background-color."

Źródła:

  • MDN Web Docs: CSS property background-color, https://developer.mozilla.org/en-US/docs/Web/CSS/background-color (dostęp: 2026-03-01)
  • MDN Web Docs: HTML attribute bgcolor (informacja o przestarzałości), https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body (sekcja atrybutów historycznych; dostęp: 2026-03-01)
  • W3Schools: CSS background-color Property, https://www.w3schools.com/cssref/pr_background-color.php (dostęp: 2026-03-01)

Materiały:

  • MDN Web Docs: dokumentacja CSS 'background-color' oraz opis przestarzałych atrybutów HTML
  • WHATWG/HTML Living Standard: rozdziały dot. atrybutów prezentacyjnych i zgodności
  • W3Schools: przykłady użycia 'background-color' w CSS i atrybutu 'style'

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego