keszites.com

Grafikai tervezés  -  Webdesign  -  Honlapkészítés | Websablon | Wordpress



HTML link tag

Kategóriák : HTML, HTML5

• Linkek

Weboldalon gyakran szerepel egy olyan szöveg vagy kép, amelyre kattinthatunk. Kattintással egy másik oldalra vagy egy másik honlapra juthatunk el. Ez az úgynevezett hypertext vagy hiperszöveg hivatkozás.

<a href=”http://…” target=”_blank”>Kattints ide!</a>


Más néven anchor-nak, horgonynak is szokták nevezni. A href attribútummal adjuk meg az URL-t, amely a tagokon belüli szövegre történő kattintással lesz aktív. A fenti példában a target a célt jelöli, azaz egy új üres ablakot jelöl meg. Tehát ebben az esetben a hivatkozással megadott http cím egy új ablakban nyílik meg.

Az a tagok közé persze nemcsak szöveget, hanem egy képet is beilleszthetünk, ekkor a kép fölé vitt egérkurzor, nyíl kéz alakra vált, jelezve hogy arra kattintani is lehet. Érdemes class attribútumot használni, egy CSS osztállyal átalakítani a horgonyszöveg kinézetét, más színt vagy kiemelt betűméretet alkalmazni.

Ha a horgony szövegre való kattintással szeretnénk, ha a levélküldő program elindulna, akkor a href=”mainto:info@keszites.com”
mailto előtagot használjuk.


Weblap kód Designer