Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - STYCZEŃ 2016


PYTANIE NR 2.
Znacznik <i> języka HTML służy do
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Znacznik <i> w HTML domyślnie renderuje tekst kursywą, czyli zmienia krój na pochyły.
W HTML5 może też nieść sens "innego tonu" (np. obcy zwrot), ale nie oznacza emfazy — od tego jest <em>.
Pozostałe opcje odnoszą się do innych znaczników.

Pełne wyjaśnienie:

Znacznik <i> w HTML jest elementem inline, którego typowym, domyślnym efektem w przeglądarce jest wyświetlenie zawartości kursywą (pochylonym krojem pisma). Dlatego odpowiedź "zmiany kroju pisma na pochylony" jest poprawna z punktu widzenia praktycznego działania w renderowaniu.

W HTML5 znaczenie <i> nie jest już wyłącznie prezentacyjne: element ten może oznaczać tekst w alternatywnym tonie lub nastroju (np. termin techniczny, obcojęzyczny zwrot, myśl postaci). Ważne jest też rozróżnienie z <em>: <em> wskazuje nacisk/emfazę (co może wpływać także na dostępność i interpretację przez czytniki ekranu), a <i> nie służy do podkreślania ważności, tylko do wyróżnienia "innego charakteru" fragmentu.

Dlaczego pozostałe odpowiedzi są niepoprawne?

  • "zdefiniowania formularza" – formularz tworzy się elementem <form>, a <i> nie definiuje struktury formularza.
  • "umieszczenia obrazka" – obraz wstawia się elementem <img>; <i> nie ma atrybutów ani roli do osadzania grafiki.
  • "zdefiniowania nagłówka w tekście" – nagłówki to <h1>…<h6>; <i> nie określa poziomu nagłówka ani struktury dokumentu.

W praktyce: jeśli chcesz tylko stylu (bez sensu semantycznego), często lepiej użyć CSS (np. font-style: italic). Jeśli jednak fragment ma uzasadnione znaczenie "innego tonu", <i> jest poprawnym wyborem.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co robi znacznik <i> w HTML?
Element <i> oznacza fragment tekstu o "innym charakterze" (np. obcy zwrot, termin) i jest zwykle domyślnie wyświetlany kursywą. To znacznik inline, więc działa wewnątrz akapitu i nie tworzy nowej sekcji strony.
Dlaczego <i> wyświetla tekst kursywą?
Większość przeglądarek ma domyślne style (tzw. user agent stylesheet), które dla <i> ustawiają kursywę. To tradycyjny typograficzny sposób wyróżniania tekstu. Wygląd można zmienić CSS, np. nadpisując font-style.
Jaka jest różnica między <i> a <em>?
<em> oznacza emfazę/nacisk (ważność w zdaniu), a <i> zwykle oznacza inny ton lub rodzaj tekstu bez nacisku. Oba często wyglądają podobnie (kursywa), ale niosą inne znaczenie semantyczne.
Czy <i> to tylko stylowanie tekstu?
Nie tylko. W HTML4 był to głównie element prezentacyjny, ale w HTML5 ma znaczenie semantyczne (tekst w alternatywnym tonie). Jeśli chodzi wyłącznie o wygląd bez znaczenia, lepsze bywa CSS, np. font-style: italic na odpowiednim selektorze.
Kiedy lepiej użyć CSS zamiast <i>?
Gdy potrzebujesz wyłącznie efektu wizualnego (kursywa) bez dodatkowego znaczenia w treści, częściej stosuje się CSS. Dzięki temu HTML pozostaje bardziej semantyczny, a wygląd jest w jednym miejscu (arkusz stylów), co ułatwia utrzymanie i zmianę projektu.
Co jest typowym przykładem użycia <i> w tekście?
Typowe użycia to obcojęzyczne zwroty, nazwy statków, terminy techniczne, myśli postaci w narracji lub inne fragmenty, które chcesz zaznaczyć jako "odstające" od reszty wypowiedzi. W wielu przeglądarkach będzie to widoczne jako kursywa.
Czy <i> może zastąpić nagłówek <h1>?
Nie. <i> nie tworzy nagłówka i nie nadaje strukturze dokumentu znaczenia. Nagłówki to <h1>…<h6> i wpływają na hierarchię treści (ważne dla SEO i dostępności). <i> działa wewnątrz tekstu jako wyróżnienie inline.
Czy <i> jest tym samym co <form> albo <img>?
Nie. <form> służy do definiowania formularza, a <img> do osadzania obrazu. Element <i> dotyczy tylko fragmentu tekstu i jego znaczenia/typowego sposobu prezentacji (kursywa), nie tworzy formularzy ani nie wstawia grafik.
Jakie błędy najczęściej robi się przy <i> na egzaminie?
Najczęstsze pomyłki to mylenie <i> z <em> (emfaza), traktowanie <i> jako "uniwersalnej kursywy" bez sensu semantycznego oraz wybieranie odpowiedzi o obrazkach/formularzach, bo te znaczniki są częściej omawiane. Pomaga zapamiętać: <i> = "italic/inny ton".
Jak najszybciej rozpoznać poprawną odpowiedź o <i> w teście?
Szukaj odpowiedzi związanej z kursywą/pochyleniem albo z "innym tonem" tekstu. Odpowiedzi o formularzach, obrazkach i nagłówkach dotyczą innych, bardzo charakterystycznych znaczników (<form>, <img>, <h1>…<h6>), więc nie pasują do <i>.
info

Około 82% zdających odpowiada poprawnie na to pytanie. średnio łatwe

Źródła:

  • WHATWG HTML Living Standard – element i: https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-i-element (dostęp: 2026-03-01)
  • MDN Web Docs – &lt;i&gt;: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i (dostęp: 2026-03-01)
  • W3C – HTML5 (opis elementów tekstowych, w tym &lt;i&gt;): https://www.w3.org/TR/html5/text-level-semantics.html (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja HTML (sekcje o elementach &lt;i&gt; i &lt;em&gt;)
  • MDN Web Docs – opisy znaczników HTML
  • Ćwiczenia praktyczne: tworzenie fragmentu HTML i obserwacja renderowania w przeglądarce
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego