HTML Info

Webről, magyarul, mindenkinek

Linkek

nincs megjegyzés

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:
W3C<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">

Tetejére

Írta: htmlinfo

2009. 04 19 at 8:01 am

Kategória:

Megjegyzés hozzáfűzése