Miniatury obrazu odsyłające do oryginału

W celu udostępnienia użytkownikowi dużej ilustracji, bez zmuszania go za każdym razem do oczekiwania na załadowanie całej strony, należy stworzyć miniaturę ilustracji, która będzie odsyłaczem do oryginału. Dzięki temu przeglądający stronę sam zdecyduje, czy oglądać dużą ilustrację, czy też nie.

Poniżej przedstawiony jest kod źródłowy przykładowego dokumentu - należy zwrócić uwagę na sposób użycia ikony jako odsyłacza do ilustracji o oryginalnych rozmiarach. 
<html>
<head>
<meta http-equiv="Content-Type" content=" text/html; charset=ISO-8859-2">
<title>Gimnazjum nr3</title>
</head>
<body bgcolor="#000000" text="FFFFFF">

Poniższy fragment tekstu przedstawia przykład kodu źródłowego HTML wprowadzającego ikonę farka.gif , będącą odsyłaczem do strony z oryginalną grafiką fara.gif . 

 Gdzie wędrując na zachód słońce w morzu znika,<br>
Tam bajeczny kraj leży, słynna Ameryka.<br>
Kraj westernów, bizonów, Indian i dolarów,<br>
Zaś Indianie, Siuksowie w celach rozrywkowych,<br>
Na pamiątkę zbierają skalpy z cudzej głowy.<br>
Postęp doszedł do tego, krocząc wciąż po troszku,<br>
Że kury dają jajka, krowy mleko w proszku.<br>

<A href="statua1.jpg"><img src="statua1.jpg"
align=texttop alt="naciśnij to zobaczysz "></A><br>
 
<A href="man.jpg"><img src="manm.jpg"
align=texttop alt="Manhattan "></A><br>
Widok z lotu ptaka dolnego Manhattanu, Nowy Jork.
Widoczny na zdjęciu budynek World Trade Center został zniszczony w wyniku aktu terrorystycznego 11 września 2001

Atrybut HREF znacznika A wskazuje na zbiór docelowy.
Ikona "farka.gif" i tekst znajdują się między znacznikami otwierającym A i zamykającym A - tym samym stają się miejscami aktywnymi, których kliknięcie spowoduje załadowanie zbioru będącego wartością atrybutu HREF znacznika A - w tym wypadku "fara.gif". 

</body>
</html>

 

Tutaj można poćwiczyć

W oknie edytora możesz wprowadzić zmiany w tekście kodu HTML, a po naciśnięciu przycisku "pokaż widok strony" zobaczysz efekt działania edytowanego kodu.