Poprawny zapis znacznika , za pomocą którego można umieścić na stronie internetowej obraz rys.jpg przeskalowany do szerokości 120 px i wysokości 80 px z tekstem alternatywnym "krajobraz" to
Odpowiedzi
Informacja zwrotna
Odpowiedź <img src="rys.jpg" width="120px" height="80px" alt="krajobraz"/> jest poprawna, ponieważ używa właściwego atrybutu 'src' do określenia źródła obrazu. Atrybuty 'width' i 'height' są również poprawnie używane, aby ustawić konkretne wymiary wyświetlanego obrazu, co jest zgodne z dobrymi praktykami w tworzeniu responsywnych stron internetowych. Właściwy atrybut 'alt' zapewnia tekst alternatywny, który jest niezwykle ważny dla dostępności. Umożliwia on osobom korzystającym z czytników ekranu zrozumienie zawartości wizualnej, co jest kluczowe w kontekście standardów WCAG (Web Content Accessibility Guidelines). Ponadto, używanie jednostek pikseli (px) w atrybutach width i height jest powszechną praktyką, jednak w nowoczesnym CSS można by również użyć jednostek procentowych lub względnych dla lepszej elastyczności. Przykładowo, w przypadku obrazów tła często stosuje się CSS do ich stylizacji, co pozwala na lepsze dostosowanie do różnych rozmiarów ekranów.
Wszystkie niepoprawne odpowiedzi wykazują braki w zastosowaniu właściwych atrybutów HTML dla znacznika <img>. Na przykład, użycie atrybutu 'href' w pierwszej odpowiedzi jest błędne, ponieważ ten atrybut nie jest stosowany w kontekście znaczników obrazów. 'Href' jest stosowany w znaczniku <a> do określenia linku. Podobnie, atrybut 'info' w trzeciej odpowiedzi jest nieistniejącym atrybutem dla znacznika <img> i nie jest uznawany w standardzie HTML, co skutkuje brakiem poprawnej interpretacji przez przeglądarki. Kolejnym błędem jest użycie atrybutu 'image' w czwartej odpowiedzi, który również nie jest zgodny z żadnymi standardami HTML. Standardowy znacznik <img> jedynie wspiera atrybuty takie jak 'src', 'alt', 'width' oraz 'height'. Niezrozumienie tych fundamentalnych zasad prowadzi do nieefektywnego kodowania i problemów z wyświetlaniem zasobów graficznych na stronach internetowych. Z perspektywy dostępności, brak atrybutu 'alt' w odpowiedziach, które go nie zawierają, staje się istotnym problemem, gdyż pozbawia użytkowników z różnymi niepełnosprawnościami możliwości zrozumienia kontekstu wizualnego. Zrozumienie roli każdego atrybutu w kontekście HTML jest kluczowe dla tworzenia semantycznych i dostępnych stron internetowych.