Linkek
Nézzük meg, hogyan készíthetünk linket. Ez sem bonyolultabb, mint az eddigiek: Legyen a link, vagy más néven hiperhivatkozás célja, mondjuk az ismert kereső és portál; a Yahoo.
<BODY>
Látogassunk a <A>Yahoo</A>-ra
</BODY>
Ezzel kijelöltük a “Yahoo” szöveget az <A> elem használatával, már majdnem link. Nincs más hátra, mint megmondani a böngészőnek, hogy mit jelenítsen meg, ha a linkre kattintunk:
<BODY>
Látogassunk a <A HREF="http://www.yahoo.com">Yahoo</A>-ra
</BODY>
Mint láthatjuk, a HREF= után idézőjelek között azt a webcímet kell beírni, amit a böngésző címsorába is írnánk.
Képet is felhasználhatunk linknek.
Ebben az esetben a kód így módosul:
<A HREF="http://www.w3.org" TARGET="_blank">
<IMG SRC="images/w3c_home.gif" width="72" height="48" border="0" alt="W3C"></A></P>
Itt észrevétlenül megismerkedtünk egy másik érdekességgel: a TARGET attribútummal. Részleteiben a FRAME fejezetben foglalkozunk vele, most csak annyit: a fenti megoldással tudjuk rávenni a böngészőt arra, hogy a link (hivatkozás) célját új ablakban nyissa meg.
Nem csak másik weblap címe írható be az <A></A> elemek közé:
<BODY>
Küldj nekem egy <A HREF="mailto:htmlinfo@htmlinfo.hu">e-mail</A>-t!
</BODY>
Ha ezt a lehetőséget alkalmazzuk, a linkre kattintáskor az alapértelmezett levelezőprogram fog elindulni, a címzett helyére előre beírva a linkben hivatkozott címet. Van még egy apróság, amivel megkönnyíthetjük a nekünk levelet küldeni szándékozó dolgát:
<BODY>
Írd meg <A HREF="mailto:htmlinfo@htmlinfo.hu?subject=vélemény">véleményedet!</A>
</BODY>
Ha linkünket ebben a formában készítjük el, a levél subject/téma mezője is előre ki lesz töltve.
Gyakori kérdésként szokott felmerülni:
Láthatjuk néha veblapokon, hogy a link nincs aláhúzva, csak az egérmutató változik meg fölötte. Ezt hogyan érhetjük el?
Válasz:
A HTML dokumentum <HEAD> szekciójába írjuk be a következőt:
<style type="text/css">
<!--
a:link, a:visited, a:active {text-decoration: none}-->
</style>
Ezzel azt mondjuk a böngészőnek, hogy minden <A> elemre vonatkozóan hagyja el az aláhúzást. Később részletesebben is szó lesz a stíluslapokról.
Van a linkeknek még egy fajtája; amely nem másik webhelyre ugrasztja a gyanútlan látogatót, hanem ugyanazon lap másik részére. Ezeket, illetve az ehhez tartozó másik elemet bookmark -nak, vagy magyarul könyvjelzőnek nevezzük.
Én is hoztam létre ilyet ezen az oldalon: görgessük az ablakot a legaljára! Található ott egy “Tetejére” felirat. Ha arra rákattintunk, varázslatos módon a lap teteje kerül a képernyő tetejére! Nézzük, hogyan lehet ezt megoldani: most is az <A> elemet fogjuk használni:
<A name="top">Van</A>
Ezzel kineveztük a “Van” szócskát könyvjelzőnek. A lap alján pedig, ahonnan lehetőséget kínálok ide visszatérni, a következő lesz a kód:
<A HREF="#top">Tetejére</A>
A “#” karakterrel jelzem a böngészőnek, hogy könyvjelzőről van szó, tehát az <A NAME> szöveget keresse.
Természetesen a linkek két fajtáját használhatjuk összekapcsolva is:
<A HREF="valahol.html#ide">
Szólj hozzá!