abc HTML5 i CSS TUTORIAL

Hiperlink na fajl u istom direktoriju /HYPERLINK TO FILE/


Slika 1. Tip TAG-a

Hiperlink na fajl u istom direktoriju /HYPERLINK TO FILE/ Sintaksa: <a href="ime fajla">text</a>

Kreiranje hiperlinka na fajl u istom direktoriju /CREATE HYPERLINK TO FILE/, postupak:

  1. Postaviti kursor na željeno mjesto za hiperlink /HYPERLINK/,
  2. Otkucati ključnu riječ <a href ="
  3. Ispisati ime odredišta /BOOKMARK/ (odredište je ime fajla)
  4. na kraju imena odredišta /BOOKMARK/ ispisati ">
  5. pomjeriti kursor iza zadnjeg znaka koji treba da označi hiperlink /HYPERLINK/
  6. otkucati </a>


Slika 2. Hiperlink na fajl u istom direktoriju /HYPERLINK TO FILE/

Primjer 1. U rečenici Izgled fontova označiti riječ fontova kao HYPERLINKi sa vezom na fajl font.htm.


Slika 3. Kreirani hiperlink

Korak Tekst i položaj kursora Ispis koda
0. početno stanje Već postoji fajl font.htm <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Izgled <a href= "font.htm" >fontova.</a>
</p>
</body></html>
1. Postaviti kursor na željeno mjesto za link HYPERLINK to je mjesto ispred riječi fontova <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Izgled <a href= "font.htm" >fontova.</a>
</p>
</body></html>
2. Otkucati ključnu riječ <a href=" otkucati na tastaturi <a href=" <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Izgled <a href= "
3. Ispisati ime  odredišta - BOOKMARK-a tj. ime fajla otkucati na tastaturi ime fajla font.htm <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Izgled <a href= "font.htm
4. na kraju imena odredišta - BOOKMARK-a ispisati "> otkucati na tastaturi "> <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Izgled <a href= "font.htm" >
5. pomjeriti kursor iz zadnjeg znaka koji treba da označi HYPERLINK postaviti kursor iza riječi fontova <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Izgled <a href= "font.htm" >fontova.</a>
6. otkucati </a>

otkucati na tastaturi </a>

 <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Izgled <a href= "font.htm" >fontova.</a>

7. otkucati </p>
</body></html>

otkucati na tastaturi </p>
</body></html>

 <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Izgled <a href= "font.htm" >fontova.</a>
</p>
</body></html>

N a p o m e n a: Fajl font.htm je kopija fajla 10_font_style.htm. Nalazi se na istom folderu kao i ovaj fajl, zato se ne navodi putanja (podrazumijeva se).

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

  1. Otkucati tekst
    Opis odredišta u drugom fajlu.
    Označiti riječ fajlu kao HYPERLINK     na fajl bookmark.htm .
  2. Otkucati tekst
    Opis boja koje se koriste u HTML kodu.
     Označiti riječ HTML kao hiperlink /HYPERLINK/ na fajl appendix colors.htm.
  3. Kreirati linkove na fajlove:
    leonardo.htm,
    donatelo.htm i
    rafaelo.htm.

Različiti hiperlinkovi /DIFFERENT HYPERLINKS/

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