Tema 6. IZRADA LINKOVA (HIPERVEZA) Dopisna škola HTML-a

a) Link na drugu HTML stranicu pomoću teksta (A HREF=...)

Hiperveze su posebno označene riječi, fraze ili slike u HTML dokumentima.
Klikom na njih prebacujete se na neki drugi HTML dokument, sliku ili servis.

HTML naredba Objašnjenje Rezultat u browseru

Ovo je link na
<A HREF="ds-color.htm">
popis boja
</A>
za HTML

Definiranje linka na
HTML dokument
ds-color.htm
Ovo 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.jpg
Ovo 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.jpg

(Za pregled boja klikni na sliku)

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

Izaberite:

Tema 6.a
Tema 6.d

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.


d) Ostali linkovi:

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.zip
Pokrenite 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.tomsicMožete pisati na ovu adresubj.hinet.hr