abc HTML5 i CSS TUTORIAL

Hiperlink na fajl u poddirektoriju /HYPERLINK TO FILE IN SUBDIRECTORY/

Hiperlink na fajl u poddirektoriju /HYPERLINK TO FILE IN SUBDIRECTORY/   Sintaksa: <a href="ime poddirektorija/ime fajla">text</a>


Slika 1. Tip TAG-a

Hiperlink na fajl u poddirektoriju /HYPERLINK TO FILE IN SUBDIRECTORY/, postupak:

  1. Postaviti kursor na željeno mjesto za vezu - HYPERLINK,
  2. Otkucati ključnu riječ <a href="
  3. Ispisati ime poddirektorija (test/)
  4. Ispisati ime odredišta - BOOKMARK-a tj. ime fajla (test/jedan.htm)
  5. na kraju imena odredišta - HYPERLINK-a ispisati ">
  6. pomjeriti kursor iz zadnjeg znaka koji treba da označi HYPERLINK,
  7. otkucati </a>


Slika 1. Stablo direktorija /TREE/

Primjer 1  U rečenici Idemo dalje označiti riječ dalje kao HYPERLINK - veza na fajl jedan.htm u poddirektoriju test (tj. test/jedan.htm).

Korak Tekst i položaj kursora Ispis koda
0. početno stanje dokument već sadrži BOOKMARK- oderdište i tekst Klikom se prelazi na dan. <html>
<head><title>Hyperlink</title></head>
<body>
<p>Idemo dalje.</p>
</body></html>
1. Postaviti kursor na željeno mjesto za link HYPERLINK to je mjesto ispred riječi dalje <html>
<head><title>Hyperlink</title></head>
<body>
<p>Idemo dalje.</p>
</body></html>
2. Otkucati ključnu riječ <a href=" otkucati na tastaturi <a href=" <html>
<head><title>Hyperlink</title></head>
<body>
<p>Idemo <a href="dalje.</p>
</body></html>
3. Ispisati ime  poddirektorija otkucati na tastaturi test/ <html>
<head><title>Hyperlink</title></head>
<body>
<p>Idemo <a href="test/dalje.</p>
</body></html>
4. Ispisati ime  odredišta - BOOKMARK-a tj. ime fajla otkucati na tastaturi ime fajla jedan.htm <html>
<head><title>Hyperlink</title></head>
<body>
<p>Idemo <a href="test/jedan.htmdalje. </p>
</body></html>
5. na kraju imena odredišta - BOOKMARK-a ispisati "> otkucati na tastaturi "> <html>
<head><title>Hyperlink</title></head>
<body>
<p>Idemo <a href="test/jedan.htm">dalje. </p>
</body></html>
6. pomjeriti kursor iz zadnjeg znaka koji treba da označi HYPERLINK postaviti kursor iza riječi dalje <html>
<head><title>Hyperlink</title></head>
<body>
<p>Idemo <a href="test/jedan.htm">dalje. </p>
</body></html>
7. otkucati </a> otkucati na tastaturi </a> <html>
<head><title>Hyperlink</title></head>
<body>
<p>Idemo <a href="test/jedan.htm">dalje. </a></p>
</body></html>

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

  1. Otkucati tekst
    Još jedan.
    Označiti riječ jedan kao
    HYPERLINK na fajl dva.htm u poddirektoriju test.
  2. Otkucati tekst
    Ovo postaje lako.
    Označiti riječi postaje lako kao HYPERLINK na fajl
    tri.htm u poddirektoriju test.

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