Povratak na pocetnu stranicu o HTML-u | Stranica vjezbi| Hrvatski znakovi u HTML-u



Atributi

Tagovi mogu imati i svoje atribute. To su vrijednosti koje definiraju neka dodatna svojstva taga. Na primjer, tag <table> kojeg cemo kasnije obraditi definira tablicu. Tablica defaultno ima granice (rubove), no mozemo definirati tablicu bez rubova

<table border="0"> 
postavljajuci vrijednost atributa border na nulu. Atribute uvijek pisemo u pocetnom tagu, nakon imena taga, i uvijek su specificirani u obliku imeatributa="vrijednost", gdje bi vrijednost uvijek trebalo pisati pod navodnicima.

Linkovi

HTML koristi tag <a> (od eng. anchor=sidro) za stvaranje veze s drugim dokumentima na Internetu. "Sidro" ce biti neki element nase web stranice, bilo da je to dio teksta, neka slika ili slicno. "Dokument" na koji ce sidro pokazivati moze biti bilo sto - druga web stranica, slika, film, glazbena datoteka... Sintaksa za definiranje linka je:

<a href="url"> Dio nase stranice </a>

Atribut href sadrzi adresu na koju link pokazuje, a tekst (ili slika, ili ...) prije zatvaraca taga je dio nase stranice koji ce sluziti kao link (sidro).

Zadatak 4: Dodajte na svoju stranicu link na web stranicu fakulteta:

<a href="http://www.math.hr/">Moj fakultet!</a>

i provjerite kako radi. Dodajte i link na vasu omiljenu stranicu.

Uocite da se djelovi teksta koji su linkovi oznacavaju na poseban nacin (plavo i potcrtano) po defaultu. Kasnije cemo vidjeti kako se to moze mjenjati i oznacavati na drugaciji nacin.

Target atribut

Pomocu atributa target mozemo definirati da se dokument na koji link pokazuje otvori u novom prozoru browsera, tako da korisnik ne mora napustati vasu stranicu.

<a href="http://www.math.hr/" target="_blank">Moj fakultet!</a>

Name atribut

Atribut name koristimo da damo ime sidru. To je vrlo korisno kada zelimo korisniku omoguciti da linkom skoci na tocno odredjeno mjesto na stranici, a ne da mora dugo traziti specificnu informaciju na stranici s puno podataka. Prvo moramo dati ime sidru na koje zelimo skociti:

<a name="nekoime">tekst koji ce biti sidro na koje link skace </a>

Na primjer:

<a name="psi">Odgoj pasa </a>

I sada da skocimo direktno na dio o "Odgoju pasa" u linku na (izmisljenu) stranicu koja se zove recimo "www.kucniljubimci.com", trebamo dodati znak # i ime sidra na kraj URLa:


<a href="http://www.kucniljubimci.com#psi">Upute o odgoju pasa</a>

Sidra s imenima korisna su i za linkove unutar jedne te iste, velike ili mozda manje pregledne, stranice. Na primjer, kada bi negdje unutar nase stranice o kucnim ljubimcima htjeli skociti na dio o skolovanju pasa link bi izgledao ovako:


<a href="#psi">Na poglavlje o psima</a>

Znaci, s obzirom da smo vec u stranici www.kucniljubimci.com, ne trebamo je navoditi.

Ukoliko koristite link s imenovanim sidrom, a desi se da sidra s tim imenom nema, browser ce zanemariti imenovani dio i otvoriti pocetak stranice na koju link pokazuje.

Zadatak 5: Napravite imenovano sidro i link koji pokazuje na njega unutar svoje stranice.

Sto staviti u atribut href

Web browser promatra adrese navedene u href atributu relativno u odnosu na stranicu u kojoj se nalaze. Zbog toga nije uvijek nuzno pisati pune adrese stranice na koju zelimo da link pokazuje. Na primjer, ukoliko na stranici "www.math.hr/~karaga" otvorimo link oblika <a href="mreze.html">Mreze racunala</a> , browser automatski konstruira punu adresu oblika "http://www.math.hr/~karaga/mreze.html" i otvara stranicu.

Kada god mozemo pozeljno je koristiti relativne adrese, jer onda imamo puno manje promjena ukoliko prenesemo stranicu na drugi server.

Druge web stranice nisu jedino na sto nasi linkovi mogu pokazivati. Mozemo imati i link na neki drugi file na nasem racunalu, na file na ftp serveru, na telnet vezu, link pomocu kojeg mozemo poslati mail i slicno. Primjeri:

<a href="ftp://www.google.com/ftp/nekifile.exe">Download NekiFile</a>
<a href="mailto:someone@yahoo.com">someone@yahoo.com</a>

ak.god. 2007/08