Który kod języka HTML da efekt formatowania jak na przedstawionym rysunku?
A.
<p>W tym <i>paragrafie zobaczysz sposoby formatowania</i> tekstu w HTML</p>
B.
<p>W tym <i>paragrafie <b>zobaczysz</b> sposoby formatowania </i> tekstu w HTML</p>
C.
<p>W tym <i>paragrafie </i><b>zobaczysz</b><i> sposoby formatowania</i> tekstu w HTML</p>
D.
<p>W tym <b>paragrafie <i>zobaczysz</i> sposoby formatowania</b> tekstu w HTML</p>
Pytanie z egzaminu CKE, czerwiec 2020 (arkusz EE.09-SG-20.06).
Poprawny kod to: <p>W tym <i>paragrafie <b>zobaczysz</b> sposoby formatowania </i> tekstu w HTML</p>. Znacznik <i> obejmuje fragment od słowa „paragrafie” do wyrażenia „sposoby formatowania”, dlatego cały ten zakres jest zapisany kursywą. Wewnątrz tego zakresu umieszczono znacznik <b> tylko wokół słowa „zobaczysz”, więc to słowo otrzymuje jednocześnie kursywę i pogrubienie. Mechanizm wynika z zagnieżdżania znaczników HTML: styl elementu nadrzędnego działa także na jego zawartość, a element wewnętrzny może dodać kolejne formatowanie. Do zapamiętania: znaczniki trzeba zamykać w odwrotnej kolejności niż były otwierane, np. <i>tekst <b>ważny</b></i>. W praktyce podobny efekt częściej wykonuje się CSS-em, ale znajomość zagnieżdżania znaczników jest podstawą poprawnej struktury dokumentu.
W tym zadaniu trzeba dokładnie odtworzyć zakres kursywy i pogrubienia widoczny na rysunku. Kod <p>W tym <i>paragrafie zobaczysz sposoby formatowania</i> tekstu w HTML</p> nadaje kursywę całemu fragmentowi „paragrafie zobaczysz sposoby formatowania”, ale nie pogrubia słowa „zobaczysz”. Kod <p>W tym <b>paragrafie <i>zobaczysz</i> sposoby formatowania</b> tekstu w HTML</p> pogrubia zbyt duży fragment: „paragrafie”, „zobaczysz” oraz „sposoby formatowania”; byłby trafny dla wyglądu, w którym prawie cały środkowy fragment jest pogrubiony. Kod <p>W tym <i>paragrafie </i><b>zobaczysz</b><i> sposoby formatowania</i> tekstu w HTML</p> rozdziela kursywę na dwa osobne fragmenty, przez co „zobaczysz” jest tylko pogrubione, a nie jednocześnie pogrubione i pochylone. Poprawny zapis to <p>W tym <i>paragrafie <b>zobaczysz</b> sposoby formatowania </i> tekstu w HTML</p>. Typowy błąd polega na patrzeniu wyłącznie na pojedyncze znaczniki, a nie na ich zakres działania i zagnieżdżenie.