Osim samoga prikazivanja sadržaja, glavna odlika svake web-stranice je mogućnost povezivanja dijelova sadržaja te prelazak s jedne stranice na drugu.
Bez ovoga svojstva svake web-stranice, mogućnost pregledavanja stranica ili surfanje ne bi uopće postojalo.
Način na koji se s jedne stranice može preći na drugu odvija se pomoću linka ili veze(poveznice).
Postoji nekoliko vrsta linkova:
Linkovi se izrađuju korištenjem HTML-elementa <a>. Bilo kakav tekst (ili neki drugi element kao npr. slika) koji se nalazi između početne oznake <a> i završne oznake </a> postat će link, što znači da će se na taj tekst ili sliku moći kliknuti mišem.
Klikom na link prelazi se na neko drugo mjesto. O kojem je mjestu riječ, definira se korištenjem atributa href. Atribut mora imati formu oblika href="URL".
Svi linkovi se zadano otvaraju u istome prozoru u kojem se nalaze. Ako se želi omogućiti da se link otvara u novom prozoru potrebno je koristiti target atribut HTML-elementa a i postaviti mu vrijednost na _blank.
Primjer:
<a href="http://www.google.com" target="_blank">Google</a>
Najčešći razlog za ovakvo otvaranje linka je u slučaju da link vodi s naših web-stranica na neke druge stranice. U tom će slučaju posjetitelj nakon što pregleda novi sadržaj i zatvori prozor, "izgubiti" prvobitnu stranicu.
Ako se pak link otvori u drugom prozoru, posjetitelj će nakon zatvaranja prozora biti vraćen na polaznu web-stranicu.
Posebna vrsta linkova su linkovi koji pokreću vanjske aplikacije za slanje e-pošte ili za telefoniranje. Riječ je o mailto i tel linkovima.
Da bi se izradio link koji pokreće korisnički program za slanje e-pošte i popunjava polje s adresom, koristi se HTML-element a.
Ovoga puta atribut href započinje s mailto:, a odmah zatim slijedi adresa e-pošte na koju se želi poslati e-pošta.
Primjer:
Za više pitanja obratite se <a
href="mailto:posao@kadus.hr">Kadus</a>
U novije vrijeme postalo je uobičajeno pregledavati Internet na mobitelu, pa se, kako bi se takvim korisnicima olakšalo telefoniranje, koristi protokol tel, koji omogućuje automatsko pokretanje telefoniranja s već unesenim telefonskim brojem.
Na vrhu vrlo duge stranice s puno sadržaja može se dodati pregled sadržaja na stranici.
U tom će slučaju svaki element u sadržaju biti link koji vodi na točno određeni dio stranice, na koji se odnosi.
Također, kod dugih stranica, nakon pojedinog poglavlja može se dodati i link koji korisnika vraća na vrh stranice, tj. na pregled sadržaja.
Prije nego što je moguće napraviti link na određeni dio stranice, prvo se treba identificirati mjesto (ili sidro) na koje će link voditi.
Ovo se radi na način da se elementu na koji želimo da link vodi, doda atribut id. Id je atribut koji se može dodati svakom HTML-elementu, proizvoljan je, ali bi trebao započinjati slovom ili podcrtom ( _ ).
Nijedan id atribut ne smije imati istu vrijednost. Jednom kada je određena točka na koju će link voditi, može se izraditi i sam link.
Da bi link išao na element koji koristi id atribut koristi se <a> element, ali ovaj se put u atribut href doda simbol ljestva (#) i vrijednost id atributa na koji se želi stvoriti veza.
<p id="vrh">Popis tečajeva:</p>
<ul>
<li>
<a href="#sql">Uvod u SQL</a>
</li>
<li>
<a href="#ruby">Uvod u programski jezik Ruby</a>
</li>
<li>
<a href="#PHP">Uvod u PHP i MySQL</a>
</li>
</ul>
<h2 id="sql">Uvod u SQL</h2>
<p>D300</p>
<p>Objekti, relacije i baze podataka; kompleksne selekcije; operacije nad relacijama; elementi teorije normalizacije; oblikovanje relacijske baze podataka.</p>
<h2 id="ruby">Uvod u programski jezik Ruby</h2>
<p>D400</p>
<p>Osnove jezika Ruby, izrazi, klase i objekti, rad s datotekama, upravljanje greškama, moduli, testiranje programskog koda.</p>
<h2 id="PHP">Uvod u PHP i MySQL</h2>
<p>C200</p>
<p>Model klijent-poslužitelj, varijable, operatori, uvjetne strukture, polja, petlje, funkcije, ugrađene funkcije PHP-a, obrasci, prijenos podataka između skripti, rad s datotekama, slanje poruke elektroničke pošte, rad s bazom podataka MySQL, sjednice, autentikacija korisnika.</p>
<p>Povratak na <a href="#vrh">vrh</a>.</p>