Hiperłącza

Internet nie mógłby istnieć w obecnej formie bez hiperłączy, czyli odnośników. Wyobraź sobie, że wchodzisz na stronę, na której nie ma odnośników — musiałbyś wówczas znać nazwy wszystkich podstron, by móc je ręcznie wczytać w celu dalszego przeglądania. Jest to niewykonalne, ponieważ nie ma możliwości zmuszenia autora strony, by przyjął z góry narzucone nazewnictwo poszczególnych jej części. Poza tym, w jaki sposób sporządzić listę takich nazw?

Innym rozwiązaniem problemu braku hiperłączy mogłoby być tworzenie długich pojedynczych stron. Wyobraź sobie jednak, jak przy takim rozwiązaniu musiałby wyglądać portal internetowy, który z założenia jest zbiorem odnośników.

Na szczęście twórcy XHTML/HTML przewidzieli możliwość umieszczania hiperłączy, dzięki czemu nie ma najmniejszego problemu z tym, by przeglądać każdą ze stron, bez względu na to, czym jest i kto ją tworzył.

Jak zapewne zauważyłeś podczas swoich sieciowych wędrówek, hiperłącza prowadzą na inne podstrony danego serwisu czy też przenoszą Cię jednym kliknięciem myszy w zupełnie inne miejsce, często leżące na drugiej półkuli. Jest to naprawdę niesamowita sprawa, ale to nie wszystkie możliwości odnośników. Otóż możesz jeszcze stworzyć odnośniki do poczty, grup dyskusyjnych, plików, a także programów.

Hiperłącze z założenia jest odnośnikiem prowadzącym w inne miejsce — na inną stronę. Zanim wprowadzono możliwość publikacji grafiki na stronie, hiperłącza występowały jedynie w formie tekstowej i domyślnie były oznaczone za pomocą niebieskiego podkreślonego tekstu. Odnośniki już odwiedzone miały kolor fioletowy, dzięki czemu łatwo było odróżnić to, co już widzieliśmy, od tego, co nam jeszcze zostało do obejrzenia.

Hiperłącza graficzne

Hiperłącza graficzne

Skoro już wiesz, w jaki sposób stworzyć odsyłacz tekstowy oraz umieścić grafikę na stronie WWW, pora zastanowić się nad sposobem tworzenia hiperłączy graficznych.

Na rysunku przedstawiłem odsyłacze graficzne, które mają postać przycisków. Oczywiście nie oznacza to, że tak musi być zawsze, o czym przekonasz się za chwilę.

W celu stworzenia graficznego odsyłacza musisz połączyć dotychczas uzyskaną wiedzę. Przypomnij sobie znacznik odpowiedzialny za wstawianie obrazka oraz tworzenie hiperłącza. Poniżej zamieściłem prosty przykład odpowiedniego połączenia wspomnianych elementów języka XHTML/HTML.

<a href=”http://balion.pl/zakupy/edit.cgi”>

<img src=”/img/edycjakoszyka.gif” alt=”edycja koszyka” width=”94″ height=”19″ /> </a>

Jak widzisz, dodanie graficznego hiperłącza nie jest niczym skomplikowanym i bez większego problemu sobie z tym poradzisz.