abc HTML5 i CSS TUTORIAL

Hiperlink na fajl u prethodnom direktoriju /HYPERLINK TO FILE IN PARENT DIRECTORY/


Slika 1. Tip TAG-a

Hiperlink na fajl u prethodnom direktoriju /HYPERLINK TO FILE IN PARENT DIRECTORY/   Sintaksa: <a href="../ime fajla">text</a>

Kreiranje linka, postupak:

  1. Postaviti kursor na željeno mjesto za vezu - HYPERLINK,
  2. Otkucati ključnu riječ <a href="
  3. Ispisati oznaku za prethodni direktorij (../)
  4. Ispisati ime odredišta - BOOKMARK-a (ime fajla)
  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 2. Stablo direktorija /TREE/ Oznaka prethodnog direktorija je ../

Primjer 1  U rečenici Izgled fontova označiti riječ fontova kao HYPERLINK - veza na fajl font.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. <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Izgled fontova.</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 fontova.</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="fontova.</p>
</body></html>
3. Oznaka prethodnog direktorija je../ otkucati na tastaturi ../ <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Izgled <a href="../
fontova.</p>
</body></html>
4. Ispisati ime  odredišta - BOOKMARK-a tj. ime fajla otkucati na tastaturi ime fajla parent.htm <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Izgled <a href="../parent.htm
fontova. </p>
</body></html>
5. na kraju imena odredišta - BOOKMARK-a ispisati "> otkucati na tastaturi "> <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Izgled <a href="../parent.htm">
fontova. </p>
</body></html>
6. 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="../parent.htm">
fontova. </p>
</body></html>
7. otkucati </a> otkucati na tastaturi </a> <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Izgled <a href="../parent.htm">
fontova. </a></p>
</body></html>

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

  1. Otkucati tekst
    Rad sa sadržajem.
    Označiti riječ Rad kao hiperlink /HYPERLINK/ na fajl. parent1.htm je u prethodnom direktoriju .
  2. Otkucati tekst
    Ovo je povratak na tekst o hiperlinku.
    Označiti riječ tekst o hiperlinku kao HYPERLINK na fajl parent
    2.htm je u prethodnom direktoriju.

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