LINK NA ODERDIŠTE U ISTOM FAJLU     HYPERLINK  <a href="#ime odredišta"> text </a> 

 

 Postupak postavljanja linka:
  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>

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. <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 <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 <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. <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="#stardan.</p>
</body></html>
4. na kraju imena odredišta - BOOKMARK-a ispisati "> otkucati na tastaturi "> <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 <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> <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>

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

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

Znanje.org

<< nazad