LINKOVI

Uslovno receno postoje tri vrste linkova u HTML dokumentu. Prvu vrstu bi cinili linkovi kojima mozete skociti do nekog drugog dela iste te stranice u kojoj se link i nalazi (npr. kad dodjete do kraja stranice mozete napraviti link koji ce vas vratiti na vrh stranice). Drugu vrstu bi cinili linkovi do neke druge stranice u okviru iste te prezentacije (npr. linkovi napred i nazad na dnu ove strane). Trecu vrstu bi cinili linkovi do stranice u nekoj sasvim drugoj prezentaciji koja moze biti postavljena na serveru koji se nalazi na drugoj strani sveta. (Server je kompjuter na koji postavljate vasu prezentaciju.)

Za sve ove linkove je zajednicko to da se dobijaju istim parom tagova: <a> i </a>. Za prvu vrstu linkova moramo prvo da napravimo oznaku na nekom mestu u dokumentu na koje zelimo da predjemo kad kliknemo na odgovarajuci link. Oznaka se dobija stavljanjem atributa name u <a> tag. Npr. ja sam na dno ove stranice postavio oznaku:

<A NAME="kraj"></A> Izmedju pocetnog <a name="kraj"> i zavrsnog </a> taga moze stajati bilo koji element nase prezentacije (tekst, slika), a ne mora stajati nista (kao sto je ovde slucaj). Ovaj tag ne proizvodi nikakav vidljiv efekat u HTML dokumentu - on deluje u pozadini vaseg dokumenta i sluzi vasem browseru da se lakse orjentise.

Dobro, hajde sada da napravimo "pravi" link (tj. onaj link kojeg vi vidite u HTML dokumentu) i koji vas jednim klikom misa dovodi do zeljenog mesta (tj. do onog mesta na koje smo postavili gore pomenutu oznaku). Ova vrsta linka se dobija dodavanjem atributa href u <a> tag. Posto se data oznaka nalazi unutar fajla sa nazivom tutor6.html, a ime oznake je kraj stavicu:

<A HREF="tutor6.html#kraj"> klikni ovde da skocis na kraj </A> i dobicu sledeci link koji me vodi na kraj stranice: klikni ovde da skocis na kraj

Ako zelim da stavim link do neke druge stranice u okviru prezentacije, to cu postici stavljanjem taga <a> sa atributom href i nazivom HTML fajla do kojeg zelim da napravim link. Npr. ako zelim da napravim link do prethodne stranice ovog udzbenika (fajl nosi naziv tutor4.html) napisacu:

<A HREF="tutor5.html"> link na prethodnu stranicu </A> i dobicu sledeci link:
link na prethodnu stranicu

Obratite paznju da u ovom slucaju na prethodnu starnicu nismo morali postavljati nikakvu oznaku, a link nas jednostavno odvodi na vrh stranice ciju smo adresu stavili u href atribut. Ako bi smo zeleli da nas link odvede do nekog odredjenog mesta u toj stranici onda bismo na to mesto prvo morali postaviti oznaku sa name atributom kao sto smo to uradili i u prethodnom slucaju.

Ukoliko se fajl do kojeg vodi link nalazi u nekom drugom folderu, tada kao vrednost href atributa moramo staviti ceo "PATH" koji vodi do tog fajla (npr. c:\My Documents\Home Page\index.html).

Ako zelim da stavim link do neke druge prezentacije, koja se moze nalaziti na nekom sasvim drugom serveru potrebno je da napisem celu web adresu te prezentacije. Npr. ako zelim da postavim link do poznatog pretrazivaca interneta "YAHOO", cija je adresa:
http://www.yahoo.com/
treba da napisem:

<A HREF="http://www.yahoo.com/"> YAHOO! </A> i dobicu sledeci link:
YAHOO!

Na kraju, ovaj tag mozemo iskoristiti kao link za pokretanje nove poruke u vasem programu za elektronsku postu (npr. Outlook Express ili Netscape Messenger) u kojem ce vec biti upisana zeljena adresa, a posetiocu vase prezentacije preostaje samo da otkuca tekst poruke i da je posalje. Kako je moja E-mail adresa popsin@EUnet.yu, ja sam napravio sledeci link:

Pisite Sinisi !

koji ce u vasem E-mail programu otvoriti novu poruku sa mojom adresom.
Ovo sam postigao sledecim tagom:

<A HREF="mailto:popsin@EUnet.yu"> Pisite Sinisi ! </A> Vi cete naravno umesto moje adrese staviti vasu (bar se nadam).

Toliko o pravljenju linkova koji predstavljaju glavnu atrakciju HTML jezika, i najvise su doprineli njegovoj popularnosti.

U sledecem nastavku ovog udzbenika naucicete kako da u vase prezentacije postavljate graficke elemente, tj. slike.

klikni ovde da se vratis gore

Liste
nazad
Index Web grafika
napred

uvod u html dodavanje boja uredjivanje teksta uredjivanje teksta 2 liste
web grafika tabele tabele 2 marquee kraj