ODSYŁACZE do dokumentów, stron - hiperłacza
Odsyłacze do innych dokumentów

W odniesieniu do Internetu można bez przesady zastosować twierdzenie, że jest to ogromna księga wiedzy. Księga, bo tak jak podczas czytania książki, przechodzimy od kartki do kartki, tak przeglądając Internet przechodzimy od strony do strony. Z tego właśnie powodu dokumenty HTML zamieszczone na0 serwerach całego Świata, nazywa się stronami internetowymi. Podczas przeglądania tych stron, przejście od jednego dokumentu do innego następuje po naprowadzeniu kursora myszki i kliknięciu lewym przyciskiem na tak zwanym odsyłaczu (aktywny fragment tekstu lub ikonka).

 

Link - w technologiach komputerowych, inaczej hiperłącze - element nawigacyjny ułatwiający przemieszczanie się pomiędzy dokumentami, bądź różnymi miejscami w tym samym dokumencie (odsyłacz do innego pliku).

Hiperłącze (ang. hyperlink) to zamieszczone w dokumencie elektronicznym (tekstowym, graficznym, wideo, animacji, PDF, HTML) odwołanie do innego dokumentu lub innego miejsca w danym dokumencie. Odwołanie takie związane jest z fragmentem tekstu lub obrazem – uaktywnienie hiperłącza (kliknięcie lub nadejście odpowiedniego momentu) powoduje otwarcie dokumentu docelowego.

Odsyłacze do podstrony / w obrębie tego samego serwisu/

Tak jak każda książka składa się z rozdziałów, tak samo serwisy internetowe składają się zwykle z podstron. Każda podstrona jest osobnym plikiem

 HTML i zawiera treść, która dość znacznie różni się tematycznie od pozostałych. Taka organizacja ułatwia użytkownikowi nawigację oraz zapobiega niepotrzebnemu wczytywaniu całego serwisu od razu (co trwałoby prawdopodobnie bardzo długo).

<a href="względna ścieżka dostępu">opis</a>

gdzie jako "względna ścieżka dostępu" należy podać lokalizację na dysku, gdzie znajduje się podstrona, do której chcemy się przenieść.
W miejsce wyrazu "opis" wpisujemy krótki tekst, który pojawi się na ekranie i po kliknięciu którego nastąpi uruchomienie odsyłacza

</a>    - znacznik ten zamyka link (odsyłacz)

 (ścieżka dostępu pojawia się jedynie na pasku statusu przeglądarki).

<a href="index.html">Strona główna</a>  - podstrona
<a href="szkola.jpg">Zdjęcie szkoły</a>  - zdjęcie
<a href="symfonia.mp3"> V symfonia Beethovena</a> - dźwięk

Dobrym pomysłem może się również okazać, zastosowanie atrybutu title="...". Powoduje on, że po wskazaniu odsyłacza myszką, wyświetli się  tekst pomocniczy w "dymku" narzędziowym. Można tam podać np. szerszy opis strony, do której ma nastąpić przeniesienie, np. po wpisaniu:

<a href="index.html" title="Do strony głównej">Strona główna</a>

Jeżeli chcemy aby podstrona została otwarta w nowym oknie wstawiamy następujący atrybut

<a href="index.html" title="Do strony głównej"  target="_blank">Strona główna</a>

Odsyłacz do etykiety na danej  podstronie

Etykieta - inaczej zakładka lub kotwica (ang. anchor) - to pewne zaznaczone miejsce na stronie. Jeśli zdefiniujemy taką zakładkę, będziemy mogli  się później do niej bezpośrednio przenosić. Etykiety są wykorzystywane, gdy w jednym dokumencie znajduje się więcej ważnych miejsc - podrozdziałów, a wstawienie ich do osobnych plików, byłoby uciążliwe, ze względu na ich liczbę.

Tak jak w książce - każdy rozdział składa się z mniejszych podrozdziałów - tak samo na każdej osobnej stronie HTML definiuje się zakładki.

Dzięki takiej konstrukcji, nawigacja w serwisie staje się dużo łatwiejsza. Po kliknięciu odsyłacza do etykiety, przeglądarka internetowa przenosi użytkownika bezpośrednio do podrozdziału, a nie na początek strony, przez co nie jest on zmuszony do samodzielnego odszukania wybranego tematu (co w przypadku obszernych dokumentów mogłoby długo potrwać). Etykietę można zdefiniować w dowolnym miejscu strony - również wewnątrz zwykłego tekstu.

Jeśli chcemy używać etykietę, najpierw należy ją zdefiniować w wybranym miejscu strony za pomocą polecenia:

<a name="nazwa_etykiety"></a>

Następnie możemy się do niej odwoływać, zarówno z tej samej jak i z innej strony, za pomocą zwykłych odsyłaczy

<a href="(ścieżka do strony)#nazwa_etykiety">opis odsyłacza</a>

Odsyłacz do adresu internetowego

(w obrębie całego Internetu

<a href="http://adres strony">opis</a>
NP. <a href="http://www.onet.pl"> Strona portalu onet </a>
strona zabezpieczona - https
W miejsce "adres strony" należy podać pełny adres internetowy strony, do której chcemy się przenieść
 (np.: www.wp.pl).

Odsyłacz pocztowy

<a href="mailto:adres e-mail">opis</a>

gdzie jako "adres e-mail" należy podać adres poczty elektronicznej osoby, do której ma zostać wysłany list

Dzięki temu odsyłaczowi, użytkownicy oglądający Twoją stronę, będą mogli wysłać list e-mail pod adres podany w poleceniu. Po kliknięciu takiego

 odnośnika, list nie zostanie wysłany natychmiastowo, lecz nastąpi otwarcie domyślnego programu pocztowego użytkownika (np. Outlook Express),

w którym będzie on mógł wpisać treść listu, a potem go wysłać do wskazanego adresata, którego e-mail pojawi się automatycznie. Jeśli podasz swój

własny adres, będziesz w stałym kontakcie z użytkownikami odwiedzającymi Twój serwis.

Pamiętać trzeba że podanie swojego adresu na stronie WWW, może spowodować, że zaczną do Ciebie przychodzić niechciane wiadomości - reklamówki

 (tzw. spam).

Aby zabezpieczyć się przed tzw. żniwiarkami (ang. harvesters) - czyli specjalnymi programami, które automatycznie gromadzą adresy e-mail,

umieszczone na stronach WWW - można posłużyć się skryptem zabezpieczjącym.

List e-mail będzie miał podany przez nas tytuł / np ankieta/

<a href="mailto:adres e-mail?subject=tytuł listu">opis</a>

Odsyłacz obrazkowy

Do tej pory przedstawione zostały jedynie odsyłacze tekstowe, tzn. na ekranie był wyświetlany pewien krótki tekst (opis odsyłacza), po kliknięciu

którego, następowało przekierowanie do wskazanego adresu. Łatwo zauważyć, że to nie wszystkie możliwości, jakie dają odsyłacze. Na większości

stron internetowych można spotkać "aktywne" obrazki, symulujące przyciski. Po kliknięciu, zachowują się one jak zwykły odsyłacz.

<a href="adres"><img src="ścieżka dostępu do obrazka"
 alt="tekst alternatywny"></a>

Odsyłacz ten zostanie uruchomiony, gdy klikniemy myszką obrazek, do którego podajemy ścieżkę dostępu. Dzięki niemu możemy stworzyć np. efektowne przyciski odsyłaczowe w menu strony. Obrazki przycisków najlepiej zapisywać w formacie GIF, większe zdjęcia  JPG. Tekst alternatywny (atrybut alt="..." dla znacznika <img />) może pojawić się w "dymku" narzędziowym po wskazaniu obrazka myszką (Microsoft Intetnet Explorer)

Kolor odsyłaczy

<body link="kolor nowych" vlink="kolor odwiedzonych" 
alink="kolor aktywnych">...</body>
gdzie "kolor nowych", kolor odwiedzonych" i "kolor aktywnych" oznaczają definicje kolorów , przy czym:
kolor nowych
Kolor odsyłaczy które nie zostały jeszcze użyte
kolor odwiedzonych
Kolor odsyłaczy, które zostały już użyte
kolor aktywnych
Kolor aktywnego odsyłacza, czyli takiego który właśnie został użyty

 

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