Znacznik <img> jest standardowym elementem HTML wykorzystywanym do wstawiania obrazków na stronę internetową. Kluczowym atrybutem tego znacznika jest 'src', który określa źródło pliku graficznego, a także 'alt', który dostarcza tekst alternatywny dla obrazka, co jest istotne z punktu widzenia dostępności oraz SEO. Przykład użycia: <img src='url_do_obrazka.jpg' alt='Opis obrazka'>. Ważne jest, aby pamiętać o dobraniu odpowiednich formatów obrazków, takich jak JPEG, PNG czy GIF, w zależności od potrzeb. Stosowanie odpowiednich rozmiarów i kompresji obrazków jest kluczowe dla optymalizacji prędkości ładowania strony i doświadczeń użytkowników. Zgodnie z najlepszymi praktykami, dobrym zwyczajem jest również użycie atrybutów 'width' i 'height', co pozwala przeglądarkom na właściwe zarządzanie przestrzenią dla obrazków, nawet przed ich załadowaniem. Włączenie obrazków do treści stron internetowych nie tylko poprawia estetykę, ale także wspiera zrozumienie treści przez użytkowników.
Znaczniki <map>, <input> oraz <select> pełnią całkowicie inne funkcje w HTML, co prowadzi do powszechnych nieporozumień. Znacznik <map> jest używany do tworzenia interaktywnych map obrazkowych, gdzie różne obszary obrazka mogą być klikalne, co nie ma bezpośredniego związku z wstawianiem obrazków. Takie podejście często prowadzi do mylenia funkcji mapowania obiektów graficznych z ich wstawianiem. Z kolei <input> jest znaczkiem wejścia, który pozwala na tworzenie różnych typów pól formularzy, takich jak pola tekstowe, przyciski radiowe czy checkboxy. Użycie <input> w kontekście wstawiania obrazków jest błędne, ponieważ nie jest on przeznaczony do tego celu. Natomiast <select> to znacznik, który tworzy rozwijane listy, umożliwiające użytkownikowi wybór jednej z opcji, co również nie ma związku z osadzaniem grafik na stronie. Powszechne błędy myślowe w tym przypadku polegają na nieodróżnieniu elementów formatujących treść od elementów interaktywnych. Warto zrozumieć, że każdy z tych znaczników jest zaprojektowany do realizacji konkretnych funkcji w dokumencie HTML i ich niewłaściwe stosowanie prowadzi do nieefektywnego tworzenia stron internetowych. Znajomość właściwych znaczników i ich zastosowania jest kluczowa w pracy z HTML, ponieważ niewłaściwe użycie tych elementów może wpływać na funkcjonalność i dostępność strony.