Tema 6. | IZRADA LINKOVA (HIPERVEZA) |
a) Link na drugu HTML stranicu pomoću teksta (A HREF=...)
HTML naredba Objašnjenje Rezultat u browseru Ovo je link na
<A HREF="ds-color.htm">
popis boja
</A>
za HTMLDefiniranje linka na
HTML dokument
ds-color.htmOvo je link na popis boja za HTML Ovo je link na
<A HREF="ds-img03.jpg">
sliku ledenjaka
</A>
Definiranje linka
na sliku ledenjaka
ds-img03.jpgOvo je link na sliku ledenjaka U prilogu se nalazi datoteka ds-vje6a.htm koja prikazuje uporabu ovih naredbi u praksi.
Njen izvorni kod slobodno možete mijenjati u cilju vježbe.
b) Link na drugu HTML stranicu pomoću slike
Osim tekstom, link možemo izvesti i pomoću slike...
HTML naredba
Objašnjenje Rezultat u browseru
(Za pregled boja klikni na sliku)
<A HREF="ds-color.htm">
<IMG SRC="ds-img01.jpg">
</A>
Link na dokument
ds-color.htm
pomoću slike
ds-img01.jpgU prilogu se nalazi datoteka ds-vje6b.htm koja prikazuje uporabu ovih naredbi u praksi.
Njen izvorni kod slobodno možete mijenjati u cilju vježbe.
c) Link na oznaku na istoj HTML stranici (A NAME=...)
Ako imamo jedan duži HTML dokument, korisno je da njegove pojedine dijelove označimo naredbom NAME i nekim imenom kako bi korisniku omogućili da lakše i brže prelazi s jednog na drugi dio dokumenta, pomoću linkova koje smo prethodno obradili.
HTML naredba Objašnjenje Rezultat u browseru Izaberite:<BR><BR>
<A HREF="#oznaka1">Tema 6.a</A>
<A HREF="#oznaka2">Tema 6.d</A>
....................
....................
<A NAME="oznaka1"></A>
TEMA 6.a: <BR>
xxxxx xxxxx xxxxx xxxxx <BR>
xxxxx xxxxx xxxxx xxxxx <BR>
<A NAME="oznaka2"></A>
TEMA 6.d: <BR>
xxxxx xxxxx xxxxx xxxxx <BR>
xxxxx xxxxx xxxxx xxxxx <BR>Ako unutar html dokumenta
stavimo oznaku NAME, npr:
<A NAME="oznaka1"></A>
tada pomoću linka u obliku:
<A HREF="#oznaka1">Tema 6.a</A>
automatski prelazimo na mjesto
u našem HTML dokumentu
gdje smo oznaku NAME stavili.U prilogu se nalazi datoteka ds-vje6c.htm koja prikazuje uporabu ovih naredbi u praksi.
Njen izvorni kod slobodno možete mijenjati u cilju vježbe.
- link na e-mail (A HREF="mailto:moja@adresa")
- link na download (A HREF="dopisna1.zip")
Link je moguće napraviti i na e-mail adresu.
U tom slučaju otvara se program za e-mail i omogućava se korisniku da napiše pismo i pošalje ga, ukoliko ima ispravno podešen program za e-mail...
Nadalje, ako za link navedemo dokument koji ima: .EXE ili .ZIP ekstenziju, takav dokument neće se otvarati u browseru, niti pokretati, već će se automatski pokrenuti njegov download (skidanje sa neke adrese i spremanje na neki od foldera na našem kompjuteru)...
HTML naredba Objašnjenje Rezultat u browseru Pišite na
<A HREF = "mailto:damir.tomsic@bj.hinet.hr">
moju adresu.
</A>Primjer uporabe
linka na e-mail
- Pišite na moju adresu.
Pokrenite download <BR>
igre MEMORY klikom <BR>
<A HREF = "ds-memo.zip">
o v d j e !
</A>Primjer pokretanja
downloada igre
zipovane u fajl
ds-memo.zipPokrenite download
igre MEMORY klikom
o v d j e !
U prilogu se nalazi datoteka ds-vje6d.htm koja prikazuje uporabu ovih naredbi u praksi.
Njen izvorni kod slobodno možete mijenjati u cilju vježbe.
A sada, vrijeme je za sedmu temu: IZRADA MAPE SLIKE
Obrada i web: damir.tomsicbj.hinet.hr