abc HTML5 i CSS TUTORIAL

Različiti hiperlinkovi /DIFFERENT HYPERLINKS/


Slika 1. Tip TAG-a

HIPERLINK - LINK - PUTOKAZ - VEZA /HYPERLINK/ Sintaksa: <a href="ime_linka"> text </a>

HYPERLINK je putokaz na određenu lokaciju, a to može biti:

  • lokacija u istom fajlu, 
  • fajl na istom direktoriju,
  • fajl na drugom direktoriju,
  • lokacija u drugom fajl u istom direktoriju,
  • lokacija u drugom fajl na drugom direktoriju,
  • lokacija na Internetu.
  • različiti servisi na Internetu.

Napomena: Veza-link /HYPERLINK/ je u čitaču najčešće podvučena i oznaćena plavo.


Slika 2. HIPERLINK - LINK - PUTOKAZ - VEZA /HYPERLINK/

Različiti hiperlinkovi /DIFFERENT HYPERLINKS/

Link /HYPERLINK/ i odredište /BOOKMARK/ istom fajlu

Hiperlink na drugi fajl

Hiperlink na lokacija na Internetu

Primjeri primjene boja

R.br.

Atrubut

Opis

Sintaksa

Link

Primjer

1.

 a name="Ime"

Odredište

<a name="Ime">Vrh</a>

Hiperlink na oderdište u istom fajlu /HYPERLINK TO BOOKMARK IN THE SAME FILE/

2.

 a href= "#odrediste"

Hiperlink na oderdište u istom fajlu

 <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Link na <a href= "leonardo.htm" >fajl Leonardo.</a>
</p>
</body></html>

Hiperlink na oderdište u istom fajlu /HYPERLINK TO BOOKMARK IN THE SAME FILE/

3.

 a href= "Ime.eksten"

Hiperlink na drugi fajl

 <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Link na <a href= "leonardo.htm" >fajl Leonardo.</a>
</p>
</body></html>

Hiperlink na drugi fajl

4.

 a href= "Ime.eksten#odredište"

Link na odredište u drugom fajlu

 <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Poznati <a href="rim.htm#cezar"> imperator. </a> </p> </body></html>

Hiperlink na odredište drugom fajlu

5.

 a href="http://wwww.ime domena/

Link na domen

 <!DOCTYPE html>
<html>
<head><title>Web</title></head>
<body>
<p>Nova <a href="http://www.znanje.org"> lokacija.</a> </p>
</body></html>

Hiperlink na Web adresu (domen)

6.

          

Prozor na dnu stranice je namjenje za provjeru koda:
- kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom), editovanje je moguće u prozoru

Index