abc HTML5 i CSS TUTORIAL

Hiperlink na Web adresu (domen) /HYPERLINK TO WEB ADDRESS/


Slika 1. Tip TAG-a

Hiperlink na Web adresu (domen) /HYPERLINK TO WEB ADDRESS/   Sintaksa: <a href="http://wwww.ime_domena">text</a>

Hiperlink na Web adresu (domen) /HYPERLINK TO WEB ADDRESS/, postupak:

  1. Postaviti kursor na željeno mjesto za vezu- HYPERLINK,
  2. Otkucati ključnu riječ <a href="
  3. Ispisati oznaku za Web (http://)
  4. Ispisati Web adresu (wwww.ime domena)
  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. Hiperlink na Web adresu (domen) /HYPERLINK TO WEB ADDRESS/

Primjer 1: U rečenici Nova lokacija označiti riječ lokacija kao hiperlink /HYPERLINK/ - veza na domen www.znanje.org . Izgled je kao na slici 3.


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>Web</title></head>
<body>
<p>Nova <a href="http://www.znanje.org">lokacija.</a></p>
</body></html>
1. Postaviti kursor na željeno mjesto za link HYPERLINK to je mjesto ispred riječi fontova <!DOCTYPE html>
<html>
<head><title>Web</title></head>
<body>
<p>Nova <a href="http://www.znanje.org">lokacija.</a></p>
</body></html>
2. Otkucati ključnu riječ <a href=" otkucati na tastaturi <a href=" <!DOCTYPE html>
<html>
<head><title>Web</title></head>
<body>
<p>Nova <a href="http://www.znanje.org">lokacija.</a></p>
</body></html>
3. Ispisati oznaku za Web (http://) otkucati na tastaturi (http://) <!DOCTYPE html>
<html>
<head><title>Web</title></head>
<body>
<p>Nova <a href="http://www.znanje.org">lokacija.</a></p>
</body></html>
4. Ispisati ime Web servera (wwww.ime domena) otkucati na tastaturi ime fajla wwww.znanje.org <!DOCTYPE html>
<html>
<head><title>Web</title></head>
<body>
<p>Nova <a href="http://www.znanje.org">lokacija.</a></p>
</body></html>
5. na kraju imena odredišta - BOOKMARK-a ispisati "> otkucati na tastaturi "> <!DOCTYPE html>
<html>
<head><title>Web</title></head>
<body>
<p>Nova <a href="http://www.znanje.org">lokacija.</a></p>
</body></html>
6. pomjeriti kursor iz zadnjeg znaka koji treba da označi HYPERLINK postaviti kursor iza riječi lokacija <!DOCTYPE html>
<html>
<head><title>Web</title></head>
<body>
<p>Nova <a href="http://www.znanje.org">lokacija.</a></p>
</body></html>
7. otkucati </a> otkucati na tastaturi </a> <!DOCTYPE html>
<html>
<head><title>Web</title></head>
<body>
<p>Nova <a href="http://www.znanje.org">lokacija.</a></p>
</body></html>

Različiti hiperlinkovi /DIFFERENT HYPERLINKS/

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

  1. Otkucati tekst
    Rad sa sadržajem.
    Označiti riječ Rad kao 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