KWALIFIKACJA PGF4 - CZERWIEC 2016

PYTANIE NR 36.
Znaczniki w teście: raz <b>dwa</b> trzy spowodują, że w prezentacji wyraz dwa będzie
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
W przykładzie cały fragment "raz … trzy" jest objęty znacznikiem <i>, więc jest pochylony. Wewnątrz tego fragmentu tylko słowo "dwa" ma dodatkowo znacznik <b>, który dodaje pogrubienie. Dlatego "dwa" będzie wyróżnione jako pogrubione (oprócz pochylenia).

Pełne wyjaśnienie:

W zapisie <i>raz <b>dwa</b> trzy</i> istotne jest zagnieżdżenie elementów. Zewnętrzny znacznik <i> obejmuje cały tekst: "raz", "dwa" i "trzy". Oznacza to, że wszystkie te wyrazy będą miały cechę formatowania z <i>, czyli pochylenie.

Wewnątrz tego zakresu znajduje się jednak dodatkowy znacznik <b> obejmujący tylko wyraz "dwa". Taki wewnętrzny element nie "wyłącza" działania <i>, lecz nakłada kolejną cechę formatowania na wskazany fragment. W efekcie "dwa" otrzymuje dodatkowe wyróżnienie: pogrubienie.

Dlatego odpowiedź "pogrubiony." jest właściwa, jeśli pytanie rozumiemy jako wskazanie cechy, która odróżnia "dwa" od pozostałych słów w tym samym fragmencie. Słowa "raz" i "trzy" pozostają jedynie pochylone, więc nie są pogrubione.

  • "pochylony." – to cecha całego fragmentu w <i>, więc nie wyróżnia samego "dwa" względem "raz" i "trzy".
  • "obniżony." – oznaczałoby efekt indeksu dolnego (typowo realizowany innym oznaczeniem), którego tutaj nie ma.
  • "podwyższony." – odpowiadałoby indeksowi górnemu, także niewynikającemu z użytych znaczników.

Wskazówka egzaminacyjna: przy pytaniach o renderowanie zawsze sprawdzaj (1) zakres działania znacznika zewnętrznego oraz (2) czy wewnętrzny fragment ma dodatkowe oznaczenie, które daje cechę "ponad" formatowanie bazowe.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Zagnieżdżanie oznacza umieszczenie jednego znacznika wewnątrz drugiego. Efekty zwykle się nakładają: formatowanie z elementu zewnętrznego dotyczy całości, a wewnętrzny dodaje cechę tylko wybranemu fragmentowi. Dlatego część tekstu może być jednocześnie pochylona i pogrubiona.
Bo <i> działa na cały otaczający tekst (nadaje pochylenie), a <b> obejmuje tylko wskazane słowo i dodaje mu dodatkową cechę (pogrubienie). Reszta słów pozostaje tylko w zakresie <i>, więc nie dostaje pogrubienia.
To sytuacja, gdy jeden fragment ma kilka cech jednocześnie, np. pochylenie + pogrubienie. Dzieje się tak, gdy element wewnętrzny nie zastępuje zewnętrznego, tylko dodaje nowe wyróżnienie. W praktyce w renderowaniu widzisz kombinację obu efektów.
Zwykle jest i pochylony, i pogrubiony, bo należy do zakresu <i>, a dodatkowo jest w <b>. W testach często pytają jednak o cechę, która wyróżnia ten wyraz względem sąsiednich słów w <i> — wtedy poprawną odpowiedzią bywa "pogrubiony".
Najczęściej: pomijanie tego, że znacznik zewnętrzny obejmuje też "środek" (np. <i> działa również na wyraz w <b>), oraz mylenie "dodatkowej cechy" z "jedyną cechą". Pomaga czytanie od zewnątrz do środka i zaznaczenie zakresów.
Znajdź znacznik najbardziej zewnętrzny i ustal cechę bazową dla całego fragmentu. Potem sprawdź, czy jakieś słowo jest objęte dodatkowym znacznikiem wewnętrznym. To właśnie ten fragment będzie miał więcej cech formatowania niż reszta.
Kursywa to pochylenie liter. W zapisie znaczników rozpoznajesz ją po elemencie <i> obejmującym dany fragment. Jeśli w środku są kolejne znaczniki, kursywa zwykle nadal obowiązuje, a dodatkowe znaczniki jedynie rozszerzają styl (np. o pogrubienie).
Pogrubienie zmienia grubość liter (wyróżnia wizualnie), a indeks górny/dolny zmienia położenie i zwykle rozmiar znaków (np. potęgi, wzory). Jeśli w przykładzie występują tylko znaczniki związane z wyróżnieniem tekstu, nie oczekuj efektu "podwyższenia" lub "obniżenia".
Pogrubienie wykorzystuje się do akcentowania słów kluczowych: tytułów, nazw funkcji, ważnych parametrów, elementów nawigacji czy skrótowych komunikatów w interfejsie. W praktyce warto używać go oszczędnie, aby nie obniżyć czytelności i hierarchii typograficznej.
Ćwicz na krótkich przykładach: rozpisuj, który znacznik obejmuje jaki fragment, i przewiduj efekt końcowy. Pomaga też zasada: zewnętrzny nadaje styl bazowy, a wewnętrzny dodaje cechę lokalnie. Unikaj zgadywania na podstawie pierwszego widocznego znacznika.
info

Około 66% zdających odpowiada poprawnie na to pytanie. średnie

W praktyce zawodowej kluczowe jest to, że w przykładzie cały fragment "raz … trzy" jest objęty znacznikiem &lt;i&gt;, więc jest pochylony.

Źródła:

  • WHATWG HTML Living Standard – elementy tekstowe (sekcje dotyczące elementów &lt;i&gt; i &lt;b&gt;), https://html.spec.whatwg.org/ (dostęp: 2026-03-01)
  • MDN Web Docs – "&lt;b&gt;: The Bring Attention To element", https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b (dostęp: 2026-03-01)
  • MDN Web Docs – "&lt;i&gt;: The Idiomatic Text element", https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja języka znaczników: sekcje o elementach formatowania tekstu
  • Ćwiczenia z zagnieżdżania elementów i przewidywania efektu renderowania
  • Materiały kursowe z podstaw składu i typografii cyfrowej

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego