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]