HTML hivatkozások

Alapvetően kétfajta hivatkozást különböztetünk meg: külső, vagy belső hivatkozásokat. Külső hivatkozás esetén elhagyjuk az oldalt, és a kívánt helyen folytatjuk a böngészést, belső hivatkozás esetén a lapon belül ugrunk egy kijelölt helyre.

Külső hivatkozások

A hivatkozás HTML kódja az A (Anchor=horgony).

Tegyük fel, hogy a “Kattints ide, hogy betöltődjön a Teleki honlapja” szövegre szeretnénk egy linket elhelyezni, ami a Teleki honlapjára mutat. A következőt kell írnunk:

<A href=”http://www.tbg.hu/”>Kattints ide, hogy betöltődjön a Teleki honlapja</A>

Belső hivatkozások

Ha egy lapon (pl.: oldal.html) belül szeretnénk hivatkozni, akkor első dolgunk annak a résznek az azonosítása, ahova szeretnénk ugrani. Például a lapon van egy nagyon fontos rész, a lap közepén. Ez eleve egy Címsor2-es rész, de megjelöljük egy azonosítóval:

<H2 id=”nagyonfontos”>Nagyon fontos rész</H2>.

Az azonosítók csak angol betűk lehetnek.

A lapon valahol lesz a hivatkozásunk, amit #-jellel kezdünk:

<A href=”#nagyonfontos”>Ugrás a nagyon fontos részre</A>.

A kettő vegyítése:

Amennyiben van az oldalon egy azonosító, akkor lehet egy külső oldalról egy lap arra megjelölt helyre lehet hivatkozni. A fenti példa alapján:

<A href=”oldal.html#nagyonfontos”>Ugrás az oldal.html “nagyon fontos” részére</A>