WebReporter
n a s z e    s e r w i s y
@ WebReporter
@ Reporter
@ BizReporter
@ FotoReporter
@ Gry
@ Junior
@ Forum dyskusyjne
@ Ogłoszenia
r e k l a m a
j e d n y m    k l i k i e m:
- WebNEWS
- kafejki internetowe
- kartki elektroniczne
- ranking foto
- Bank Pomysłów
- Encyklopedia Internetu
- Super Strony
- szukaj w Internecie
- załóż darmowy e-mail
- załóż darmowe WWW
- wymień bannery
- pobierz programy


<<< poprzedni artykuł spis treści następny artykuł >>>
-= WARSZTAT =-
WebReporter nr 12 - 2000.12.15 Przemysław Zieleziński

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.

[spis treści][do góry]