Zastosowanie ikon jako odsyłaczy do innych dokumentów

W kroku 28 omówione zostało tworzenie odsyłaczy do innych dokumentów z zastosowaniem aktywnych fragmentów tekstu. Język HTML nie ogranicza się tylko do tej metody. Istnieje również możliwość tworzenia odsyłaczy w postaci aktywnych ikonek. W kroku bieżącym przedstawiamy tę właśnie metodę.

Poniżej przedstawiony jest kod źródłowy przykładowego dokumentu - należy zwrócić uwagę na sposób wprowadzania do dokumentu ikonek jako odsyłaczy do innych stron zamieszczonych w sieci.

<html>
<head>
<meta http-equiv="Content-Type" content=" text/html; charset=ISO-8859-2">
<title>Nasza Szkoła</title>
</head>
<body bgcolor="FF00FF" text="000050">

Poniższy fragment tekstu przedstawia przykład kodu źródłowego HTML umożliwiającego włączenie do dokumentu ikonki (mały rysunek) jako odsyłacza do strony, której adres URL został podany jako wartość atrybutu HREF znacznika A.

Miejsce które warto odwiedzić, to strona strona domowa<br> Zespołu Szkół Publicznych nr 2 w Wadowicach
<a href="http://www.zsp2wadowice.iap.pl">
<img src="szkola.jpg"></a><P><B><I>
Powyższy odsyłacz zadziała prawidłowo, jeśli masz
połączenie z Internetem. </I></B></P><P><center>
<a href="http://wadowice.iap.pl"><img src="wadowice.jpg"
align=left alt="portal wadowicki"></a>
</center>
 

W powyższym przykładzie miejscami aktywnymi stają się rysunki których nazwy zostały podane jako wartości atrybutu SRC.

</body>
</html>

Podstawowym znacznikiem stosowanym do odwołań zewnętrznych (do innych dokumentów) jest <A> (tworzący parę z </A> ). Znacznik ten musi zawierać atrybuty, bez nich polecenie nie miałoby żadnego znaczenia. W powyższym przykładzie zastosowano atrybut - łącznik hipertekstowy: HREF=" wartość ". Jeśli odsyłacz ma nas przenosić do dokumentu zamieszczonego gdzieś w sieci, część wartość musi być adresem URL wskazującym drogę do danego dokumentu. Funkcję odsyłacza spełnia tekst lub nazwa zbioru zawierającego ikonę, znajdując się między znacznikami <A> a </A>

Jeśli natomiast dokument, do którego chcesz utworzyć skrót (odwołanie), znajduje się w tym samym miejscu co bieżący, jako wartość atrybutu HREF wystarczy podać nazwę zbioru zawierającego dany dokument. W naszym przykładzie stworzono skrót dający możliwość powrotu do dokumentu opisującego ten przykład.


Tutaj można poćwiczyć
 

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