Ebben a leckében megtanuljuk, hogyan köthetünk össze több dokumentumot hivatkozásokkal (linkekkel). Egy weboldal általában egynél több HTML dokumentumból áll – a weboldal megtekintése az index fájltól indul, a többi dokumentumot, a dokumentumok részeit linkekkel érhetjük el. Megtanulunk hivatkozni más/külső weboldalakra, letölthető dokumentumokra, képekre. Ebben a leckében egyelőre csak szövegekre kattintva nyitunk meg más oldalakat.
Új címke ebben a leckében:
<a> </a> -egy olyan szövegrész (vagy kép stb.) megjelölése, amelyre kattintva megnyithatunk egy másik dokumentumot.
Az <a> címkének több tulajdonságát fogjuk használni:
href – ez a tulajdonság szükséges a megnyitandó dokumentum nevének és útvonalának megadásához.
target – ez a tulajdonság, ahhoz szükséges, hogy megadhassuk a megnyitandó weboldallal kapcsolatban, hogy ugyanabban vagy más ablakban akarjuk megnyitni.
download – ennek a tulajdonságnak, nem adhatunk értéket. Ezt a tulajdonságot megadva fejezzük ki, hogy a hivatkozás által megnyitott dokumentumot letöltésre szánjuk.
Példa:
A böngészőben a Read more! szöveg jelenik meg, az szerepel a címkék közé zárva a kódban.
A wikipedia.org oldal címe a href tulajdonság értékeként van megadva, ha kattintunk a linkre, ez nyílik meg egy új lapon a böngészőablakban. Az új lap a target tulajdonságnak átadott _blank érték miatt nyílik meg.
- Felismerhetjük a hivatkozásként megjelölt elemeket, ha fölé mozgatjuk a kurzort. Általában kéz formája lesz a kurzornak.
- Ha a linket tartalmazó fájl gépéről nyitunk meg HTML vagy más fájlt, a fájl nevét és relatív útvonalát kell megadni a href tulajdonság után.
- Ha egy böngésző nem tud egy dokumentumot megnyitni, amelyre hivatkozunk, automatikusan letölti. Ha azt szeretnénk, hogy egy hivatkozásra kattintva a megjelölt dokumentum letöltődjön a „látogató” számítógépére ezt külön a download tulajdonsággal meg kell adni.
- Ha egy másik weboldalat nyitunk meg, a webcím teljes kell legyen (meg kell adni a protokollt is – pl. http://). A legegyszerűbb, ha megnyitjuk az oldalt böngészőben és átmásoljuk a teljes címet a href tulajdonsághoz.
- Általában az ugyanahhoz az oldalhoz tartozó dokumentumokat, ugyanazon a lapon nyitjuk meg, ha más oldalra hivatkozunk, egy új lapot nyitunk meg.
- Létrehozhatunk hosszabb dokumentumok esetén belső, tartalomjegyzékszerű hivatkozásokat. Először könyvjelzőket kell kialakítani a dokumentum azon elemeiből, amelyekre hivatkozni akarunk, majd a linkeket beszúrni az eddigiekhez hasonlóan.
Példa:
Könyvjelző létrehozása – bármilyen HTML címkéhez adhatunk könyvjelzőt, egy id tulajdonság beszúrásával elnevezhetjük az elemet.
Itt egy elsőszintű címet alakítottunk könyvjelzővé, az azonosítója bm. Ezután megoldható, hogy hivatkozzunk erre a címre, ebből vagy más dokumentumból.
Hivatkozás könyvjelzőre – az <a> címke href tulajdonságának a könyvjelző azonosítóját kell megadni egy # jellel ellátva.
Itt a bm azonosítóval ellátott címkére ugrunk a Jump to the browsers szövegre kattintva.
<a href=" https://www.google.com" target="_blank">Search</a>
<a href="index.html#bm">Bookmark</a>


