A HTML dokumentumok leghasznosabb tulajdonsága a hiperlinkek adta gazdag kapcsolatredszer.
A hiperlinkekre
<a href="KAPCSOLAT"> SZÖVEG </a>
tipusú formula begépelésével hivatkozhatunk. A "KAPCSOLAT" kifjezésbe írva kell meghatároznunk, hogy a "SZÖVEG" mezore rákattintva milyen kapcsolat (levél, másik HTML dokumentum, stb) jöjjön létre. (A "href" a hyperlink reference - hiperkapcsolat referencia rövidítése )
Az alábbi szöveg begépelésével olyan linket hozunk létre, hogy e sorok szerzojének nevére rákattitintva levelet küldhetünk neki. A "mailto:" (levélküldés) szöveg után a címzett e-mail címét kell beírnunk.
| <a href="mailto:iskola@bbap-vasvar.sulinet.hu"> Iskola </a> |
Ha egy másik web-dokumentumra hivatkozunk, akkor a KAPCSOLAT mezobe a "http:"után kell írnunk a kívánt dokumentum címét. Az alábbi példában az iskolánk címlapjára ugorhatunk.
| <a href="http://www.bbap-vasvar.sulinet.hu/"> Az iskola címlapja </a> |
Ha a másik web-dokumentum ugyanabban a könyvtárban található, akkor csak a fájl nevét kell beírnunk.Példánkban tanfolyamunk bevezeto oldalára ugrunk, ami a "html01.htm" nevet viseli.
| <a href="html01.htm"> A HTML tanfolyam bevezeto oldala </a> |
Ha a másik könyvtárban, de ugyanazon a szerveren van a fájl, akkor a jól ismert DOS-ra emlékezteto szintaxis alkalmazható.
| <a href="../index.htm"> A FRISS rovat indexe egy
könyvtári szinttel feljebb van. </a> <a href="../../index.htm"> Címlapunk kettő szinttel feljebb van. </a> <a href="../../este/mozi/mozi.htm"> A moziműsor. </a> |
Egy dokumentumon belül is ugorhatunk, illetve egy másik dokumentum adott pontjára is ugorhatunk, ha megfelelo címkéket helyezünk el.
<a name="CIMKE"> SZÖVEG </a>
A "CIMKE" kifejezés egy tetszoleges karakteres kifejezés lehet. A cimkére így hivatkozhatunk.
<a href="DOKUMENTUM#CIMKE"> SZÖVEG </a>
| <a name="teteje">Ezen oldal tetején elhelyeztünk egy cimkét:
</a> <a href="#teteje"> Így ugorhatunk fel. </a> <a href="html3.htm#teteje"> Vagy így. </a> <a href="http://www.tiszanet.hu/internetto/friss/html/html3.htm#teteje"> Esetleg így. </a> |