Webszerkesztés
Hivatkozás elemek
A hivatkozások (linkek) kötik össze a weblapokat. Lehetőséget teremtenek egy hosszabb oldalon található fejezet gyors elérésére is, egy másik weboldal megnyitására vagy akár e-mail küldésére is.
A hivatkozáshoz az <a> elem href paraméterében meg kell adni a weboldal elérési útját és nevét, a target paraméterrel pedig azt, hogyan jelenjen meg. Pl. _blank: új oldalon.
Könyvjelző
Egy hosszabb weboldal esetén lehetőség van az oldalon belüli ugrásokra ún. könyvjelzők segítségével. Például, ha egy tartalomjegyzéket helyezünk el az oldal elején, melynek segítségével szeretnénk az egyes címsorokhoz ugrani.
Természetesen, ha a könyvjelző és ahonnan oda szeretnénk ugrani, egy képernyőn látható, nem történik "semmi" látványos.
Könyvjelzőnél meg kell adni azt a helyet, ahová a könyvjelzőnek mutatni kell. Ez megadható (címsor, táblázatcella, kép... jelölő esetén) a nyitójelölőben, jelölő nélkül egy a jelölő id attribútumánál.
<body>
<a id ="ide_ugorj">Ide fog ugrani a kurzor.</a>...
<h1 id ="ugorj_a_cimre">A címre ugrik a kurzor.</a>
Majd ahonnan a megjelölt helyre szeretnénk ugrani, egy a jelölőben a href attribútumban meg kell adni a könyvjelző nevét, a név elé egy #-jelet kell tenni.
Az a jelölő title paraméterével információt helyezhetünk el a linkkel kapcsolatban. Ez a szöveg buboréksúgóként jelenik meg a böngészőprogramokban.
Könyvjelzőre nemcsak egy oldalon belül hivatkozhatunk, hanem megadhatunk egy másik oldal elnevezett könyvjelzőjét is.
<a href="valami.html/#ide_ugorj" title="Kattints rám!">Ugrás az adott helyre.</a>Belső hivatkozás
Belső hivatkozásoknak tekintjük a saját weblapunk oldalai közötti kapcsolatokat.
Belső hivatkozáskor az a tag href paraméterében meg kell adni a weboldal elérési útját és nevét.
A belső hivatkozás elérési útja többféleképpen megadható, attól függően, hogy az aktuális és a keresett oldal a könyvtárszerkezetben hogyan helyezkedik el.
Hivatkozás az aktuális oldalunk könyvtárban lévő másik oldalra:
<a href="masik.html">Másik oldal megnyitása.</a>Hivatkozás az aktuális oldalunk könyvtárából nyiló alkönyvtárban lévő másik oldalra:
<a href="alkonyvtar/masik.html">Alkönyvtárban lévő másik oldal megnyitása.</a>Hivatkozás az aktuális oldalunkkal a könyvtárstruktúrában azonos szinten, de másik könyvtárban lévő oldalra.
(../ = egy szinttel feljebb lép):
Hivatkozás megadása a webszerver főkönyvtárából kiindulva, azaz teljes elérési úttal,
(/ = könyvtárstruktúra gyökere):
Az a tag target paraméterében megadhatjuk, hogy melyik ablakban nyíljon meg az oldal.
_blank: új ablakban vagy fülön._parent: a szülő-dokumentumban nyílik meg a cél-URL.
_self: az eredeti ablakban. (Ez az lapértelmezett.)
_top: a cél-URL az ablak tetején nyílik meg.
Külső hivatkozás
Külső hivatkozásoknak tekintjük a saját és egy másik, nem saját, weblap oldalai közötti kapcsolatokat.
Külső hivatkozáskor az a tag href paraméterében meg kell adni a weboldal elérési útját és nevét.
A Külső hivatkozás többféle képpen megadható:
Hivatkozás egy domain címre.
(A domain név beírásakor a kezdőoldalnak megadott lap nyílik meg.):
Hivatkozás a domain címen belül egy megadott lapra:
<a href="http://www.masik.hu/egylap.html">Másik weblap megadott oldalának megnyitása.</a>Hivatkozás a domain címen belül egy megadott lapra, a lapon lévő könyvjelzőre:
<a href="http://www.masik.hu/egylap.html#konyvjelzo">Másik weblap megadott oldalának megnyitása, és a könyvjelzőre való ugrás.</a>Az a tag target paraméterében megadhatjuk, hogy melyik ablakban nyíljon meg az oldal.
_blank: új ablakban vagy fülön.
_parent: a szülő-dokumentumban nyílik meg a cél-URL.
_self: az eredeti ablakban. (Ez az lapértelmezett.)
_top: a cél-URL az ablak tetején nyílik meg.
E-mail hivatkozás
E-mail hivatkozásnál, ha a felhasználó rákattint a linkre, akkor az alapértelmezett levelezőprogram nyílik meg (amennyiben van ilyen, ha nincs, nem történik semmi), és a címzett automatikusan a href jellemzőnél megadott e-mail cím lesz.
<a href="mailto:nev@levelezo.hu">Írj nekem.</a>E-mail tárgyának megadása:
<a href="mailto:nev@levelezo.hu?subject=email_tárgya">Írj nekem.</a>