KWALIFIKACJA INF3 - STYCZEŃ 2021

PYTANIE NR 27.
Atrybutem określającym lokalizację pliku graficznego dla znacznika <img> jest
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Atrybut src w znaczniku <img> wskazuje źródło obrazu, czyli adres URL lub ścieżkę do pliku graficznego, który ma zostać wyświetlony w przeglądarce. alt służy do opisu alternatywnego, href

Pełne wyjaśnienie:

W HTML element <img> służy do osadzania obrazu w dokumencie. Aby przeglądarka wiedziała, skąd pobrać plik graficzny, musi dostać jego lokalizację (adres). Do tego służy atrybut src (od "source"), w którym podaje się ścieżkę względną, bezwzględną lub pełny adres URL do zasobu.

Odpowiedź "src" jest poprawna, bo to właśnie ten atrybut definiuje źródło pliku, a więc bezpośrednio spełnia warunek pytania: określa lokalizację grafiki dla <img>.

Pozostałe odpowiedzi są błędne, bo dotyczą innych funkcji lub innych elementów HTML:

  • "alt" nie wskazuje pliku. Zapewnia tekst alternatywny (np. dla czytników ekranu, gdy obraz się nie wczyta, lub gdy użytkownik nie widzi grafiki). To atrybut dostępności, a nie lokalizacji.
  • "href" jest kojarzony z adresem, ale standardowo dotyczy odnośników (np. w elementach <a> oraz w wybranych elementach związanych z linkowaniem zasobów). W <img> nie jest to podstawowy atrybut podający plik obrazu.
  • "link" nie jest poprawnym atrybutem elementu <img> i nie służy do wskazywania pliku graficznego w tym kontekście.

W praktyce najczęstszy błąd na egzaminie polega na przenoszeniu skojarzenia "adres = href" z hiperłączy na obrazy. Warto zapamiętać prostą regułę: obraz pobierany jest z src, a opis obrazu trafia do alt.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Atrybut src wskazuje źródło obrazu, czyli lokalizację pliku graficznego (adres URL lub ścieżkę do pliku). Bez poprawnego src przeglądarka nie pobierze grafiki i nie wyświetli jej w miejscu znacznika <img>.
Atrybut alt to tekst alternatywny obrazu. Jest używany m.in. przez czytniki ekranu oraz wyświetla się, gdy obraz nie może zostać pobrany. alt nie podaje lokalizacji pliku, tylko opisuje jego znaczenie.
href kojarzy się z adresem, ale standardowo służy do wskazywania celu odnośnika (np. w <a>) lub zasobów w elementach do tego przeznaczonych. Dla <img> lokalizację pliku obrazu podaje się atrybutem src.
Ścieżka względna w src jest liczona względem lokalizacji dokumentu HTML, np. <img src="obrazy/logo.png">. To częsty scenariusz w projektach, gdzie obrazy są w katalogu zasobów obok plików strony.
Możesz podać pełny URL, np. <img src="https://example.com/img/foto.jpg">. To działa, gdy zasób jest publicznie dostępny. W praktyce trzeba uważać na dostępność serwera, politykę CORS oraz stabilność adresów.
W typowym użyciu brak poprawnego src oznacza, że obraz nie ma źródła i nie zostanie wyświetlony. Dodatkowo dokument może nie przejść walidacji lub zachowywać się nieprzewidywalnie. Na egzaminie przyjmuj zasadę: obraz wymaga src.
Najczęstsze przyczyny to: literówka w nazwie pliku, zła ścieżka (inny katalog), brak pliku na serwerze, błędne wielkości liter w nazwie (ważne na wielu serwerach) oraz ograniczenia dostępu. Warto testować w narzędziach deweloperskich i sprawdzać zakładkę sieci.
Gdy obraz ma działać jak odnośnik, zwykle umieszcza się <img> wewnątrz <a>, np. <a href="..."><img src="..."></a>. Wtedy href dotyczy linku, a src dotyczy pliku obrazu.
W standardowym HTML nie używa się atrybutu o nazwie link do wskazywania lokalizacji obrazu w <img>. Jeśli widzisz takie rozwiązanie w starych materiałach, traktuj je jako niepoprawne lub specyficzne dla jakichś bibliotek, a nie dla samego HTML.
Skup się na funkcji: co wskazuje adres zasobu (zwykle "źródło"), a co opisuje zawartość (np. dostępność). Pomaga też kojarzenie: src = source (źródło), alt = alternative text (tekst alternatywny). Unikaj zgadywania po "brzmieniu".
info

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

Specjaliści zwracają uwagę: "Atrybut src w znaczniku &lt;img&gt; wskazuje źródło obrazu, czyli adres URL lub ścieżkę do pliku graficznego, który ma zostać wyświetlony w przeglądarce."

Źródła:

  • MDN Web Docs: "&lt;img&gt;: The Image Embed element" (sekcja atrybutów, w tym src), https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img - dostęp 2026-02-27
  • WHATWG HTML Living Standard: "The img element" (wymagania i definicje atrybutów), https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element - dostęp 2026-02-27
  • W3C: HTML 5.2 Recommendation: "4.7.4 The img element" (opis elementu i atrybutów), https://www.w3.org/TR/html52/semantics-embedded-content.html#the-img-element - dostęp 2026-02-27

Materiały:

  • Dokumentacja HTML dotycząca elementu &lt;img&gt; i jego atrybutów (specyfikacja oraz przewodniki)
  • Kursy podstaw HTML (sekcje o osadzaniu obrazów i adresowaniu zasobów)
  • Ćwiczenia praktyczne: budowa prostej strony z obrazami i weryfikacja w walidatorze HTML

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego