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