abc HTML5 i CSS TUTORIAL

Hiperlink na oderdište u istom fajlu /HYPERLINK TO BOOKMARK IN THE SAME FILE/


Slika 1. Tip TAG-a

Hiperlink na oderdište u istom fajlu /HYPERLINK TO BOOKMARK IN THE SAME FILE/   Sintaksa: <a href="#ime odredišta">text</a>

Kreiranje hiperlinka na BOOKMARK u istom fajlu /CREATE HYPERLINK TO BOOKMARK IN THE SAME FILE/, postupak:

  1. Postaviti kursor na željeno mjesto za vezu- HYPERLINK
  2. Otkucati ključnu riječ <a href="
  3. Ispisati ime odredišta - BOOKMARK-a (svako odredište ima svoje ime, i mora biti različito od ostalih imena u jednom fajlu, tj. jedinstveno ime)
  4. na kraju imena odredišta - HYPERLINK-a ispisati ">
  5. pomjeriti kursor iz zadnjeg znaka koji treba da označi HYPERLINK,
  6. otkucati </a>


Slika 2. Hiperlink na oderdište u istom fajlu /HYPERLINK TO BOOKMARK IN THE SAME FILE/

Primjer 1  U rečenici Klikom se prelazi na dan označiti riječ Dan kao HYPERLINK i na BOOKMARK start. 

Korak Tekst i položaj kursora Ispis koda
0. početno stanje dokument već sadrži BOOKMARK- odredište i tekst Klikom se prelazi na dan. <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p><a name="start">Dan</a> je lijep</p>
<p> </p>
<p>Klikom se prelazi na dan.</p>
</body></html>
1. Postaviti kursor na željeno mjesto za odredište HYPERLINK, to je mjesto ispred riječi dan <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p><a name="start">Dan</a> je lijep</p>
<p> </p>
<p>Klikom se prelazi na dan.</p>
</body></html>
2. Otkucati ključnu riječ <a href=" otkucati na tastaturi <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p><a name="start">Dan</a> je lijep</p>
<p> </p>
<p>Klikom se prelazi na <a href="dan.</p>
</body></html>
3. Ispisati ime odredišta - BOOKMARK-a  otkucati na tastaturi #start, jer je BOOKMARK u istom fajlu. <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p> <a name="start">Dan</a> je lijep</p>
<p> </p>
<p>Klikom se prelazi na <a href="#start dan.</p>
</body></html>
4. na kraju imena odredišta - BOOKMARK-a ispisati "> otkucati na tastaturi "> <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p> <a name="start"> Dan </a> je lijep</p>
<p> </p>
<p>Klikom se prelazi na <a href="#start">dan.</p>
</body></html>
5. pomjeriti kursor iz zadnjeg znaka koji treba da označi HYPERLINK postaviti kursor iza riječi dan <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p> <a name="start">Dan</a> je lijep</p>
<p> </p>
<p>Klikom se prelazi na <a href="#start">dan.</p>
</body></html>
6. otkucati </a> otkucati na tastaturi </a> <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p><a name="start">Dan</a> je lijep</p>
<p> </p>
<p>Klikom se prelazi na <a href="#start">dan.</a></p>
</body></html>

7. Dodati prazne linije

<p>&nbsp;</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>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

 <!DOCTYPE html>
<html>
<head><title>Hyperlink</title></head>
<body>
<p><a name="start">Dan </a>je lijep</p>
<p> </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>
<p>&nbsp;</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>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Klikom se prelazi na <a href="#start">dan.</a></p>
</body></html>

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

  1. Otkucati tekst
    Sve više znam.
    Označiti riječ znam kao HYPERLINK znanje.
  2. Otkucati tekst
    Informatika traži rad
    Označiti riječ rad kao HYPERLINK sam.

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