Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA PGF4 - CZERWIEC 2021



PYTANIE NR 36.
Który znacznik HTML umożliwia umieszczenie grafiki na stronie internetowej?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Znacznik <img> służy do osadzania i wyświetlania obrazu w treści strony WWW. Wskazuje plik grafiki (np. przez atrybut src) oraz opis alternatywny alt. Pozostałe znaczniki dotyczą mapowania obszarów lub elementów formularzy, nie wstawiania grafiki.

Pełne wyjaśnienie:

Do umieszczenia grafiki na stronie internetowej w HTML używa się elementu <img>. Jest to element treści, którego zadaniem jest wyświetlenie obrazu wskazanego w atrybucie src (adres pliku lub URL). Dodatkowo w praktyce wymaga się stosowania atrybutu alt, czyli tekstu alternatywnego, który wspiera dostępność (np. czytniki ekranu) oraz jest użyteczny, gdy obraz nie może zostać wczytany.

Dlaczego pozostałe odpowiedzi nie pasują?

  • <map> nie wstawia obrazu. Służy do zdefiniowania mapy odsyłaczy (obszarów klikalnych) powiązanej z obrazem. Może współpracować z grafiką, ale nie jest elementem, który ją wyświetla.
  • <input> to element formularza (np. pole tekstowe, checkbox, przycisk). Używa się go do wprowadzania danych przez użytkownika, a nie do osadzania zdjęć w treści strony.
  • <select> również jest elementem formularza i tworzy listę rozwijaną z opcjami wyboru. Nie ma funkcji prezentowania grafiki w treści dokumentu.

W kontekście pracy technika fotografii i multimediów warto pamiętać o praktycznych zasadach: dobieraj właściwy format (np. JPEG/PNG/WebP zależnie od potrzeb), optymalizuj wagę pliku oraz zawsze dodawaj sensowny alt opisujący zawartość zdjęcia (nie "obrazek1"). To poprawia jakość projektu, użyteczność i dostępność strony.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest znacznik <img> w HTML?
Znacznik <img> służy do osadzania obrazu w treści strony WWW. W praktyce wskazujesz plik przez atrybut src i dodajesz opis alternatywny alt, aby strona była bardziej dostępna i poprawnie interpretowana, gdy obraz się nie wczyta.
Jak wstawić obraz na stronę internetową w HTML?
Obraz wstawia się elementem <img>, podając źródło w src (np. ścieżkę do pliku). Warto dodać alt z krótkim opisem, a w razie potrzeby kontrolować rozmiar przez CSS, aby nie pogarszać jakości i czasu ładowania strony.
Dlaczego atrybut alt jest ważny przy <img>?
alt to tekst alternatywny: pomaga osobom korzystającym z czytników ekranu, a także wyświetla się, gdy grafika nie może zostać pobrana. Dodatkowo poprawia jakość treści (semantykę) i bywa wspierający dla SEO, bo opisuje, co przedstawia obraz.
Czy <map> w HTML służy do wstawiania grafiki?
Nie. <map> służy do definiowania mapy obszarów klikalnych (hotspotów) powiązanej z obrazem. Do wyświetlenia samego obrazu nadal potrzebujesz <img>; dopiero potem można dodać mapowanie obszarów, jeśli projekt tego wymaga.
Jakie są najczęstsze błędy przy użyciu <img> na egzaminie?
Typowe pomyłki to mylenie <img> z elementami formularzy (np. <input>) albo z <map>. Częsty błąd praktyczny to brak sensownego alt lub wstawianie zbyt dużych plików bez optymalizacji, co spowalnia stronę.
Jak odróżnić znaczniki treści od znaczników formularzy w HTML?
Znaczniki treści (np. <img>) służą do prezentacji informacji: tekstu, grafiki, multimediów. Znaczniki formularzy (np. <input>, <select>) służą do zbierania danych od użytkownika. Jeśli element ma pola wyboru, wpisywania lub listy, zwykle jest formularzem.
Czy <img> ma znacznik zamykający w HTML?
W HTML element <img> jest elementem pustym (void element), więc nie ma osobnego znacznika zamykającego. W praktyce zapisujesz go jako pojedynczy element z atrybutami (np. src, alt). Ważniejsze od "zamykania" jest poprawne uzupełnienie atrybutów.
Jak dobrać format grafiki do użycia z <img>?
Dobór formatu zależy od treści: zdjęcia często dobrze wypadają w formatach stratnych, a grafiki z przezroczystością w formatach bezstratnych. W projektach WWW kluczowe jest też zmniejszenie wagi pliku i zachowanie jakości. Na egzaminie liczy się rozumienie celu: <img> wyświetla obraz.
Kiedy lepiej użyć CSS zamiast <img> do grafiki?
Jeśli grafika jest czysto dekoracyjna (np. tło sekcji, gradient, ozdobnik), często lepiej użyć CSS jako tła. Gdy obraz niesie informację (zdjęcie produktu, ilustracja w artykule, element portfolio), użyj <img> wraz z alt, bo to właściwsza semantyka i dostępność.
Jak szybko rozwiązać test o znacznik do wstawiania obrazu?
W pytaniach o wstawianie grafiki szukasz elementu, który "osadza obraz" w treści: to <img>. Pozostałe często są pułapkami: <map> dotyczy mapy odsyłaczy, a <input> i <select> to formularze. Porównaj funkcję, nie nazwę.
info

Statystycznie 74% uczniów zna prawidłową odpowiedź. średnio łatwe

Eksperci podkreślają: "Znacznik &lt;img&gt; służy do osadzania i wyświetlania obrazu w treści strony WWW."

Źródła:

  • WHATWG HTML Living Standard – The img element: https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element - dostęp 2026-03-01
  • MDN Web Docs – &lt;img&gt;: The Image Embed element: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img - dostęp 2026-03-01
  • W3C Recommendation – HTML 5.2, sekcja dotycząca elementu img: https://www.w3.org/TR/html52/semantics-embedded-content.html#the-img-element - dostęp 2026-03-01

Materiały:

  • Dokumentacja HTML (specyfikacja WHATWG) – sekcja elementu &lt;img&gt;
  • MDN Web Docs – artykuł o elemencie &lt;img&gt; i atrybutach src/alt
  • Ćwiczenia praktyczne: stworzenie strony z obrazami, podpisami i poprawnym alt
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego