
Kurs HTML cz. IV - odsyłacze
Odsyłacze (hiperłącza, łącza hipertekstowe, odnośniki, linki) są to specjalnie
wydzielone miejsca na stronach WWW, po kliknięciu na których użytkownik
zostaje przeniesiony do docelowego miejsca, przy czym może to być z
powodzeniem miejsce na tej samej stronie, inna strona, a nawet strona na drugim
końcu świata. Można wyróżnić dwa rodzaje konstrukcji odsyłaczowych: do
etykiet i do stron.
Odsyłaczem jest wydzielone miejsce na stronie, które wskazuje w
Internecie obiekt docelowy i pozwala skoczyć do niego za pomocą kliknięcia w
tym miejscu myszką. Jej konstrukcję można obrazowo przedstawić w postaci:
<A HREF="miejsce_docelowe">Tekst, na którym należy kliknąć</A>
Etykieta (nazywana też zakładką lub kotwicą - ang. anchor) jest znakiem,
elektroniczną zakładką, która zaznacza jakieś miejsce w tekście. Gdy
utworzysz etykietę, będziesz mógł odwoływać się nie tylko do zawierającej
ją strony, ale i do konkretnego miejsca na stronie. W ten sposób czytelnik będzie
mógł natychmiast skoczyć do wskazanego punktu. Jej konstrukcja jest następująca:
<A NAME="nazwa_etykiety"> </A> - Zauważ, że w taki
właśnie sposób została utworzona etykieta w dolnej części tej strony. Aby
sprawdzić jak ona działa zjedź suwakiem do końca strony i kliknij na odnośnik
[do góry]
Najczęściej stosujemy odsyłacze do stron WWW:
<A HREF="http://host.domena>Tekst</A>.
gdzie
host to www, a domena np. reporter.pl.
W dokumencie możesz zamieszczać
odsyłacze do różnych typów plików. Najczęściej będą to dokument HTML,
ale również plik tekstowy (TXT), obrazek (GIF lub JPG), plik dźwiękowy (WAV,
MID, AU, AIFF), dokument Worda, plik Acrobata, Envoya itd.
Postać ogólna
wygląda następująco: <A HREF="nazwa_pliku.format_zapisu">Plik</A>
gdzie
nazwa_pliku to nazwa nadana przez Ciebie (np. dokument1), a format zapisu to
format dokumentu (np. plik tekstowy (TXT), obrazek (GIF lub JPG), plik dźwiękowy
(WAV, MID, AU, AIFF), dokument Worda (DOC),)
Więc
odsyłacz np.do pliku tekstowego TXT będzie wyglądał następująco:
<A HREF="plik_tekstowy.txt">Plik tekstowy TXT</A>
Odsyłacz do innej strony HTML znajdującej się w tym samym katalogu (folder): <A HREF="nazwa_strony.html">Strona
1</A>
Odsyłacz do innej strony HTML znajdującej się w katalogu podrzędnym
(folder w folderze) <A HREF="nazwa_katalogu_podrzędnego/nazwa_strony.html">Inna
strona</A>
Podobnie tworzy się odsyłacze do innych plików.
Odsyłacz do jakiegoś pliku znajdującego się w tym samym katalogu (folder): <A
HREF="nazwa_pliku.format_zapisu">Strona
1</A>
Odsyłacz do jakiegoś pliku znajdującego się w katalogu podrzędnym (folder w
folderze) <A HREF="nazwa_katalogu_podrzędnego/nazwa_pliku.format_zapisu">Inna
strona</A>
Powyżej powiedziałem, jak tworzyć odsyłacze do
innych dokumentów i plików. Ale nieco wcześniej wspomniałem o etykietach, więc
warto teraz powiedzieć, jak tworzyć odsyłacze do etykiet.
Konstrukcja jest bardzo prosta:
W części strony, do której chcesz przenieść czytelnika poprzez etykietę
musisz wprowadzić następujący kod: <a name="nazwa_etykiety"></a>
Zauważ,
że nazwa etykiety pozbawiona jest krzyżyka (#), a miejsce pomiędzy
znacznikami <a name="nazwa_etykiety">
i </a> powinno być puste. Cały kod umieć w miejscu strony, do którego
czytelnik ma być przeniesiony.
Jeśli chcesz stworzyć odsyłacz do etykiety na tej samej stronie, wystarczy
użyć samej nazwy etykiety, czyli: <A HREF="#nazwa_etykieta">Tekst</A>
Jeśli natomiast chcesz stworzyć odsyłacz do etykiety na innej stronie,
musisz przed nazwą etykiety wprowadzić nazwę strony WWW, czyli:
<A HREF="strona.htm#etykieta">Tekst</A>
Bardzo często stosowanym odsyłaczem jest konstrukcja pozwalająca
czytelnikowi strony wysłać do jej autora (lub jakiejkolwiek innej osoby) pocztę
elektroniczną. Jej konstrukcja wygląda następująco:
<A HREF=mailto:imie_nazwisko@adres>Tutaj kliknij</A>
Na przykład zachęta do wysłania listu może wyglądać następująco:
<A HREF=mailto:zielezinski@reporter.pl>Jeśli chcesz, abym o czymś
napisał wyślij do mnie maila.</A>
co w praktyce wygląda tak: Jeśli chcesz, abym o czymś napisał wyślij do
mnie maila.
Jeśli chcesz, aby odnośnikiem był rysunek, to musisz między
znaczniki <a href> i </a> wstawić kod obrazka <img
src="nazwa_pliku.format_zapisu"
>:
Przykład: <A HREF=mailto:zielezinski@reporter.pl><img src="intern2.gif"
></a> wygląda następująco:
 - po kliknięciu na
obrazek czytelnik będzie mógł wysłać
maila A gdybyśmy połączyli dwa powyższe przykłady: <A
HREF=mailto:zielezinski@reporter.pl><img src="intern2.gif"
>Jeśli chcesz, abym o czymś
napisał wyślij do mnie maila.</a>
efektem byłoby:
Jeśli chcesz, abym o czymś napisał wyślij do mnie maila.

|