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.
|