abc HTML5 i CSS TUTORIAL

Link na BOOKMARK u fajlu iz poddirektorija /HYPERLINK TO THE BOOKMARK IN FILE IN SUBDIRECTORY/ 


Slika 1. Tip TAG-a

Link na BOOKMARK u fajlu iz poddirektorija /HYPERLINK TO THE BOOKMARK IN FILE IN SUBDIRECTORY/  Sintaksa: <<a href="ime_poddirektorija/ime fajla#bookmark">text</a>

Kreiranje hiperlinka na BOOKMARK u fajlu iz poddirektorija /HYPERLINK TO THE BOOKMARK IN FILE IN SUBDIRECTORY/ :

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


Slika 2. Hiperlink na BOOKMARK u drugom fajlu

Primjer 1 U rečenici Idemo dalje označiti riječ dalje kao HYPERLINK - veza na fajl skip1to20.htm u poddirektoriju test i odredište #2. (tj. test/skip1to20.htm#2).


Slika 3. Kreirani hiperlink

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>Idemo dalje.</p>
</body></html>
1. Postaviti kursor na željeno mjesto za link HYPERLINK to je mjesto ispred riječi dalje <!DOCTYPE html>
<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=" <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Idemo <a href="dalje.</p>
</body></html>
3. Ispisati ime  poddirektorija otkucati na tastaturi test/ <!DOCTYPE html>
<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 skip1to20.htm <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Idemo <a href="test/skip1to20.htmdalje. </p>
</body></html>
5. Ispisati ime  odredišta - BOOKMARK-a #2 otkucati na tastaturi ime fajla #2 <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Idemo <a href="test/skip1to20.htm#2dalje. </p>
</body></html>
6. na kraju imena odredišta - BOOKMARK-a ispisati "> otkucati na tastaturi "> <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Idemo <a href="test/skip1to20.htm#2"> dalje.</p>
</body></html>
7. pomjeriti kursor iz zadnjeg znaka koji treba da označi HYPERLINK postaviti kursor iza riječi dalje <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Idemo <a href="test/skip1to20.htm#2"> dalje.</p>
</body></html>
8. otkucati </a> otkucati na tastaturi </a> <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Idemo <a href="test/skip1to20.htm#2">dalje.</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 HYPERLINK na fajl skip1to20.htm u poddirektoriju test, na odredište BOOKMARK #7.
  2. Otkucati tekst
    Ovo je povratak na tekst o hiperlinku.
    Označiti riječ tekst o hiperlinku kao HYPERLINK na fajl skip1to20.htm u poddirektoriju test, na odredište BOOKMARK #13.

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