Elérkeztünk az egyik legfontosabb részhez a HTML-ben: a hiperhivatkozások, rövidebben linkek világába. Linkeket létrehozni igazából nagyon egyszerű. Csak az <a> tag és a hozzátartozó href attribútumra van szükségünk:

<a href="cél">szöveg</a>

Kétféle hivatkozást különböztetünk meg: abszolút és relatív. Abszolút hivatkozásokat akkor használunk, ha két különböző weboldal között akarunk linkelni. Relatívat pedig akkor, ha egy adott weboldalon belül akarunk linkelni más oldalakat (pl. főmenüből a különböző menüpontokra).

Abszolút hivatkozások

szerkesztés

Az abszolút hivatkozások ugyebár két weblap közötti linkeléshez alkalmazhatók. Fontos, hogy a protokollt is oda kell írni, ami ugyebár a mi esetünkben legtöbbször "http://" (de lehet még "ftp://", stb.). Ha nem írunk protokollt, a böngésző relatív hivatkozásként kezeli a linket és rossz helyre irányít.

<a href="http://hu.wikibooks.org">link</a>
link

Relatív hivatkozások

szerkesztés

A relatív hivatkozásoknál 2 dolgot kell megadni: a fájlnevet és annak kiterjesztését. Ügyeljünk a kis és nagybetűkre, mert erre érzékenyek szoktak lenni a webszerverek.

<a href="oldal.html">link</a>
link

Ha így adjuk meg a célt, akkor az azt jelenti, hogy a célfájl ugyanabban a mappában van, mint az a fájl, amelyből rákattintunk. Ha más mappában van akkor egyszerűen egy / jellel lehet ezt jelezni.

<a href="mappa/oldal.html">most egy másik mappán belülre linkelek</a>

Ezzel a módszerrel ugyebár befelé haladunk a könyvtárstruktúrában, de felfelé is lehet jönni, a "../" jellel.

<a href="../oldal.html">most egy eggyel feljebb lévő mappába linkelek</a>