HTML Linkek (Hivatkozások)
Az internet (a World Wide Web) nem lenne hálózat, ha az oldalak nem lennének összekötve egymással. A linkek (vagy hiperhivatkozások) teszik lehetővé, hogy egyetlen kattintással átugorjunk egy másik weboldalra, vagy egy dokumentum másik részére.
Az <a> tag és az attribútumok
HTML-ben a linkeket az <a> (az angol anchor, azaz horgony szóból) tag segítségével hozzuk létre. Azonban önmagában az <a> tag nem elég. Meg kell mondanunk a böngészőnek, hogy hova vezessen a link. Ehhez egy úgynevezett attribútumot kell használnunk.
Az attribútumok extra információkat adnak a HTML tageknek. A linkek esetében a legfontosabb attribútum a href (Hypertext Reference), ami a célállomás webcímét tartalmazza.
<a href="https://www.google.hu">Kattints ide a Google megnyitásához</a>A fenti kódban a "Kattints ide a Google megnyitásához" szöveg lesz az, ami kék színnel és aláhúzva megjelenik a képernyőn. Ha a látogató rákattint, a böngésző elviszi őt a href-ben megadott címre.
Hová mutathat egy link?
A href attribútumba többféle dolgot is beírhatunk, attól függően, mit szeretnénk elérni:
- Másik weboldalra (Abszolút URL): Ha egy teljesen másik weboldalra akarsz hivatkozni, a teljes webcímet be kell írnod, a
https://résszel együtt. Például:href="https://wikipedia.org". - Saját oldalad egy másik aloldalára (Relatív URL): Ha a saját weboldaladon belül navigálsz (például a főoldalról a kapcsolat oldalra), elég csak a fájl nevét megadni. Például:
href="kapcsolat.html". - Email küldése: Ha azt szeretnéd, hogy kattintáskor megnyíljon a látogató levelezőprogramja, használd a
mailto:előtagot. Például:href="mailto:[email protected]".
Hogyan nyissunk meg egy linket új fülön?
Alapértelmezésben, ha valaki rákattint egy linkre, az új oldal ugyanabban a böngésző fülben nyílik meg, felülírva a jelenlegi oldalt. Ha egy külső weboldalra hivatkozol, gyakran jobb megoldás, ha a link egy új fülön (vagy új ablakban) nyílik meg, így a látogató nem veszíti el a te oldaladat.
Ehhez egy újabb attribútumot, a target-et kell hozzáadnunk a nyitó taghez, "_blank" értékkel:
<a href="https://www.wikipedia.org" target="_blank">Olvasd el a Wikipédián (Új fülön nyílik)</a>Láthatod, hogy egy HTML tagen belül több attribútumot is használhatunk egyszerre, csak egy szóközzel el kell választanunk őket egymástól.