abc HTML5 i CSS TUTORIAL

Hiperlink na fajl index.htm(l) /HYPERLINK TO FILE index.htm(l)/


Slika 1. Tip TAG-a

Hiperlink na fajl index.htm(l) /HYPERLINK TO FILE index.htm(l)/ Sintaksa: <a href="http://wwww.ime domena/ime fajla">text</a index.htm>

Fajl sa imenom index.htm i index.html pojednostavljuju ispis linka, tj. izostavlja se ime fajla. Slijedeći primjeri će razjesniti mnoge dileme.  

Napomena: Ako se na istom direktoriju nalaze index.htm i index.html i ne navede se ime fajl nego samo ime direktorija čitač će prozavti index.html .


Slika 2. Hiperlink na fajl na Web serveru /HYPERLINK TO FILE AT WEB SERVER/

Primjer 1. Korištenje fajla index.htmindex.html.

Kod Ispis Opis
Detaljnije informacije: Link na fajl u istom direktoriju /HYPERLINK/
<p><a href="./">aktivni</a></p> aktivni Link na aktivni direktorij, BROWSER će prozvati index.html (ili .htm) u aktivnom direktoriju
<p><a href="./index.html">aktivni</a></p> aktivni Link na index.html u aktivnom direktoriju
<p><a href="./index.htm">aktivni</a></p> aktivni Link na index.htm u aktivnom direktoriju
Detaljnije informacije: Link na fajl u prethodnom direktoriju /HYPERLINK/
<p> <a href="../">prethodni</a></p> prethodni Link na prethodni direktorij, BROWSER će prozvati index.html  (ili .htm) u prethodnom direktoriju
<p><a href="../index.html">prethodni</a></p> prethodni Link na index.html u prethodnom direktoriju
<p><a href="../index.htm">prethodni</a></p> prethodni Link na index.htm u prethodnom direktoriju
Detaljnije informacije: Link na fajl u poddirektoriju /HYPERLINK/
<p><a href="test/">pod</a></p> pod Link na poddirektorij test, BROWSER će prozvati index.html  (ili .htm) u prethodnom direktoriju
<p><a href="test/index.html">pod</a></p> pod Link na index.html u poddirektoriju test.
<p><a href="test/index.htm">pod</a></p> pod Link na index.htm u  poddirektoriju test.
Detaljnije informacije: Link na Web server - domen /HYPERLINK/
<p><a href="http://www.znanje.org"> zna</a></p> zna Link na poddirektorij test, BROWSER će prozvati index.html  (ili .htm) na domenu www.znanje.org.
<p><a href=
"http://www.znanje.org/index.html">zna</a></p> 		zna Link na index.html na domenu www.znanje.org.
<p><a href=
"http://www.znanje.org/index.html">zna</a></p> 		zna Link na index.htm na domenu www.znanje.org.

Daljnji rad: Napisati html kod za slijedeće primjere:

  1. Otkucati tekst
    Odmor relaksira.
    Označiti riječ Odmor kao HYPERLINK     na fajl index.htm na www.znanje.org.   
  2. Otkucati tekst
    Film je poznat kao sedma umjetnost.
    Označiti riječi sedma umjetnost kao HYPERLINK na fajl     index.htm na www.znanje.org.

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