Który kod języka HTML da efekt formatowania jak na przedstawionym rysunku?

Poprawna odpowiedź: C (<p> W tym <i> paragrafie <b> zobaczysz </b> sposoby formatowania </i> tekstu ...)

Uzasadnienie i szersze wyjaśnienie:

Aby poprawnie rozwiązać to zadanie, należy dokładnie przeanalizować formatowanie tekstu przedstawione na obrazku:

• Fragment „W tym ” oraz „ tekstu w HTML” zapisane są czcionką standardową.
• Słowa „paragrafie” oraz „sposoby formatowania” są pochylone (zastosowano kursywę).
• Słowo „zobaczysz” wyróżnia się tym, że jest jednocześnie pogrubione i pochylone (dziedziczy kursywę z reszty zdania, a dodatkowo ma większą wagę fontu).

W kodzie HTML z odpowiedzi C znacznik pochylenia <i> otwiera się przed słowem „paragrafie” i zamyka dopiero po słowie „formatowania”. Słowo „zobaczysz” znajduje się wewnątrz tego bloku i zostało dodatkowo otoczone znacznikami pogrubienia <b>. Dzięki odpowiedniemu zagnieżdżeniu znaczników (<i>... <b>zobaczysz</b> ...</i>) to konkretne słowo otrzymuje oba style naraz, co idealnie odwzorowuje wygląd z obrazka referencyjnego.

Dlaczego pozostałe opcje są nieprawidłowe?

• A: Znaczniki <i> obejmują tekst, ale brakuje jakiegokolwiek użycia znacznika <b> lub <strong>. W efekcie cały środkowy fragment byłby pochylony, ale słowo „zobaczysz” nie zostałoby pogrubione.
• B: Użyto tu nadrzędnego znacznika <b> dla dłuższego fragmentu tekstu, a kursywy <i> użyto tylko dla słowa „zobaczysz”. W efekcie słowa „paragrafie” i „sposoby formatowania” byłyby pogrubione, a nie pochylone (odwrotnie niż na obrazku).
• D: Zastosowano osobne znaczniki dla każdego ze stylów. Znacznik <i> został zamknięty </i> tuż przed słowem „zobaczysz”. Samo słowo „zobaczysz” znalazło się wyłącznie w znacznikach <b>...</b>. W przeglądarce to słowo wyrenderowałoby się jako pogrubione, ale bez pochylenia (byłoby proste), co jest niezgodne z docelowym wyglądem na grafice.