Kiedy dana osoba tworzy stronę internetową zawierającą obraz, obraz nie jest w rzeczywistości wstawiany na stronę wraz z resztą informacji. Aby wyświetlić obrazy w Internecie, zamiast osadzania obrazu na stronie używany jest link do obrazu HTML. Aby użyć linku do obrazu HTML, Znacznik HTML służy do dostarczania informacji o tym, gdzie jest przechowywany obraz i można do niego uzyskać dostęp. Ten tag może być używany we wszystkich przeglądarkach i może być używany do ładowania wszystkich typów obrazów, które są obsługiwane przez przeglądarki.
Korzystanie z sam tag nie dostarcza żadnych informacji na stronie internetowej, która ma zawierać obraz. Istnieją dwa atrybuty, które są wymagane, aby łącze do obrazu HTML zostało napisane poprawnie, aby obraz był ładowany podczas ładowania strony internetowej. Istnieje również kilka opcjonalnych atrybutów, które można dołączyć w celu dostarczenia dalszych informacji. Atrybuty wymagane do napisania linku do obrazu to src i alt.
Atrybut src linku do obrazu HTML zapewnia adres internetowy lub URL, pod którym znajduje się obraz. Adres URL może przybierać jedną z dwóch form. Bezwzględny adres URL to pełny adres internetowy, który kieruje do obrazu w innej witrynie. Przykładem włączenia bezwzględnego adresu URL dla atrybutu src byłoby: src=”http://www.website.com/image.jpg” — gdzie witryna.com wskazuje na inną witrynę, a image.jpg na konkretną obraz.
Inną opcją dla adresu URL w atrybucie src jest napisanie względnego adresu URL. W przypadku względnego adresu URL adres internetowy zawiera łącze do obrazu w tym samym katalogu witryny. Względny adres URL to skrócona wersja bezwzględnego adresu URL, ponieważ obraz znajduje się w tym samym miejscu, co strona internetowa. Przykłady atrybutu src z względnym adresem URL to: src=”image.jpg” lub src=”images/image.jpg”. Jedyną różnicą w tych przykładach jest lokalizacja obrazu, ponieważ w drugim przykładzie znajduje się on w folderze obrazów.
Drugim wymaganym atrybutem jest alt, który zapewnia tekst alternatywny dla obrazu. Nie jest to tekst wyświetlany, gdy użytkownik najedzie myszą na obraz, ale tekst, który jest wyświetlany, gdy z jakiegoś powodu nie można wyświetlić obrazu. Istnieje wiele powodów, dla których obraz może nie być wyświetlany, w tym przypadki, w których adres URL w atrybucie src jest nieprawidłowy lub uszkodzony albo gdy użytkownik z wadą wzroku korzysta z czytnika ekranu.
Najbardziej podstawowy kod linku do obrazu HTML będzie wyglądał mniej więcej tak: . Od czasu tag nie ma tagu końcowego, ważne jest, aby kończyć go z />, aby przeglądarka wiedziała, że instrukcja się skończyła. Atrybut src wskazuje na lokalizację obrazu, dlatego ważne jest, aby upewnić się, że linki do innych witryn nie są zepsute i obrazy nie są przesuwane w katalogu witryny, a także poprawiać linki w przypadku wystąpienia problemów.