W HTML5 zaleca się oddzielenie struktury treści od jej wyglądu: HTML opisuje znaczenie i układ dokumentu, a CSS odpowiada za prezentację. Dlatego zwiększenie rozmiaru czcionki powinno być realizowane przez CSS, a nie przez przestarzałe znaczniki prezentacyjne.
Odpowiedź '<p><span style="font-size: larger">Duży tekst</span> zwykły tekst</p>' jest poprawna, bo:
- <p> tworzy akapit, czyli element blokowy porządkujący tekst.
- <span> jest elementem liniowym, więc pozwala ostylować tylko wybrany fragment w środku akapitu.
- Właściwość CSS font-size: larger zwiększa rozmiar czcionki względem rozmiaru bazowego w danym kontekście.
Odpowiedź '<p style="font-size: larger">Duży tekst zwykły tekst</p>' nie spełnia warunku "wewnątrz akapitu" w sensie selektywnego fragmentu: styl jest nałożony na <p>, więc obejmie całą zawartość akapitu, a nie tylko słowa "Duży tekst". To częsty błąd wynikający z braku rozróżnienia zasięgu działania stylu (rodzic vs fragment).
Odpowiedź '<p><em>Duży tekst</em> zwykły tekst</p>' jest niepoprawna, ponieważ <em> służy do zaznaczenia nacisku (semantyki), a typowe formatowanie (np. kursywa) nie jest równoważne zwiększeniu rozmiaru fontu. Jeśli tekst ma być "ważniejszy", można użyć semantyki (<strong> lub nagłówków), ale sam rozmiar nadal ustawia się CSS.
Odpowiedź '<p><strike>Duży tekst zwykły tekst</p>' jest błędna z dwóch powodów: <strike> odpowiada za przekreślenie (inny efekt wizualny) oraz w tej wersji brakuje poprawnego zamknięcia </strike>, co psuje strukturę dokumentu i może dać nieprzewidywalny rezultat.
W praktyce projektowej lepszą techniką niż styl inline jest klasa CSS (np. .text-large), ale w zadaniach egzaminacyjnych styl inline bywa używany do pokazania zasady w jednym wierszu.
