Tworzenie linków graficznych

Praktycznie na każdej stronie można spotkać obrazki, które po kliknięciu zachowują się jak linki, czyli przenoszą nas w inne miejsce w sieci – są to tak zwane linki obrazkowe (inaczej: linki graficzne). 

Utworzenie takich "graficznych przycisków" sprowadza się do połączenia kodu odpowiedzialnego za wyświetlanie linków tekstowych, czyli: <a href="...">...</a>, z kodem, który wyświetla grafikę, czyli: <img src="..." alt="..." />. 

Kod HTML do tworzenia linków obrazkowych będzie więc wyglądał następująco:
 <a href="adres strony"><img src="adres obrazka" alt="krótki opis obrazka" /></a>

W miejsce "adres strony" należy wpisać pełny adres internetowy strony, do której, po kliknięciu obrazka, chcemy się przenieść.
W miejsce "adres obrazka" należy wpisać pełny adres internetowy obrazka.

Natomiast zamiast "krótki opis obrazka" należy wpisać kilka słów opisujących obrazek, które pojawią się u użytkowników z wyłączonym wyświetlaniem grafiki. Dzięki temu także w ich przeglądarkach będzie możliwość używania linków obrazkowych, mimo iż grafika nie zostanie wyświetlona.