Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Zawód: Technik informatyk , Technik programista
Kategorie: Tworzenie stron WWW Grafika komputerowa i multimedia
W języku HTML, aby dodać na stronę obrazek przechowywany w formacie JPG, należy użyć znacznika
Odpowiedzi
Informacja zwrotna
Aby wstawić na stronę obraz zapisany w formacie JPG, w języku HTML stosuje się znacznik <img>. Jest to jeden z podstawowych znaczników używanych do osadzania grafiki na stronach internetowych. W skład tego znacznika wchodzą atrybuty, które pozwalają na określenie źródła obrazu, jego alternatywnego opisu oraz dodatkowych parametrów, takich jak rozmiary czy wyrównanie. Atrybut 'src' jest kluczowy, ponieważ wskazuje ścieżkę do pliku graficznego, na przykład <img src='obraz.jpg' alt='Opis obrazu'>. Atrybut 'alt' jest bardzo ważny z punktu widzenia dostępności, ponieważ umożliwia wyświetlenie tekstu alternatywnego w przypadku, gdy obraz nie może być załadowany. Ponadto, zgodnie z wytycznymi W3C, znacznik <img> jest samodzielny, co oznacza, że nie wymaga pary znaczników otwierającego i zamykającego. Warto również dodać, że stosowanie odpowiednich formatów obrazów, takich jak JPG czy PNG, ma znaczenie dla jakości i wydajności ładowania strony, co jest kluczowe z perspektywy SEO. Użycie poprawnych znaczników i atrybutów może znacząco wpłynąć na pozycję strony w wynikach wyszukiwania.
W analizie odpowiedzi, które nie są poprawne, możemy zauważyć, że <src> nie jest samodzielnym znacznikiem HTML, lecz atrybutem, który powinien być użyty wewnątrz znacznika <img>. Atrybut ten służy do określenia lokalizacji pliku graficznego. Bez poprawnego znacznika obraz nie zostanie wyświetlony na stronie, co pokazuje, jak istotne jest użycie właściwej struktury kodu. Z kolei <jpg> nie jest znakiem HTML i nie ma żadnej funkcji w kontekście osadzania obrazów. To jedynie rozszerzenie pliku, które wskazuje na format obrazu, lecz nie jest to znacznik, który można użyć w kodzie HTML. Próba użycia <jpg> w kodzie nie przyniesie żadnych efektów wizualnych na stronie i spowoduje błąd w interpretacji kodu przez przeglądarkę. Natomiast <table> jest znacznikiem używanym do tworzenia tabel w HTML, co zdecydowanie nie jest związane z osadzaniem obrazów. Użycie tego znacznika w kontekście obrazów jest błędne, ponieważ nie ma on żadnej funkcji, która by wspierała wyświetlanie grafik. Tabele mają na celu organizację danych w formie siatki, co jest zupełnie odmiennym zastosowaniem, a ich użycie w tym kontekście prowadziłoby do mylącego i nieprawidłowego wyświetlania treści na stronie.