abc HTML5 i CSS TUTORIAL

Hiperlink na odredište drugom fajlu /HYPERLINK TO BOOKMARK IN ANOTHER FILE/


Slika 1. Tip TAG-a

Hiperlink na odredište drugom fajlu /HYPERLINK TO BOOKMARK IN ANOTHER FILE/ Sintaksa: <<a href="ime fajla#bookmark">text</a>

Hiperlink na odredište drugom fajlu /HYPERLINK TO BOOKMARK IN ANOTHER FILE/:

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


Slika 2. Hiperlink na odredište drugom fajlu /HYPERLINK TO BOOKMARK IN ANOTHER FILE/

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).

Korak Tekst i položaj kursora Ispis koda

0. Početno stanje, fajl rim.htm

dokument već sadrži BOOKMARK- oderdište i tekstRim

Rim je postojao od 753. godine p.n.e. pa do 746. godine poslije Hrista.
Cezar

Cezar je bio veliki vojskovađa i privi imperator

 <!DOCTYPE html>
<html>
<head><title>Rim</title></head>
<body>
<h3>Rim</h3>
<p>Rim je postojao od 753. godine p.n.e. pa do 746. godine poslije Hrista.</p>
<h3><a name="Cezar">Cezar</a></h3>
<p>Cezar je bio veliki vojskovađa i privi imperator</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</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>Poznati <a href="imperator. </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>Poznati <a href="imperator. </p>
</body></html>
3. Ispisati ime  odredišta - BOOKMARK-a tj. ime fajla otkucati na tastaturi ime fajla rim.htm <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Poznati <a href="rim.htmimperator. </p>
</body></html>
4. Ispisati ime  odredišta - BOOKMARK-a #cezar otkucati na tastaturi ime fajla #cezar <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Poznati <a href="rim.htm#cezarimperator. </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>Poznati <a href="rim.htm#cezar">imperator. </p>
</body></html>
6. pomjeriti kursor iz zadnjeg znaka koji treba da označi HYPERLINK postaviti kursor iza riječi imperator <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Poznati <a href="rim.htm#cezar">imperator. </p>
</body></html>
7. otkucati </a> otkucati na tastaturi </a> <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p>Poznati<a href="rim.htm#cezar"> imperator.</a></p>
</body></html>

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

  1. .

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