Despre legături (linkuri) şi ancore HTML
Link-ul este definit cu etichetele <a> şi </a> şi are atributele:
href - adresa fişierului destinaţie
target - în ce fereastră se va deschide fişierul destinaţie
title - o mică descriere asociată legăturii afişată în momentul în care mouse-ul se află deasupra legăturii
Adresa fişierului destinaţie (href) poate fi exprimată astfel:
nume fisier - dacă se află în acelaşi folder cu pagina curentă
adresa relativa - dacă se află pe acelaşi server sau disc, indicându-se calea
adresa URL - fiind adresa completă a paginii (de exemplu: http://www.x.ro/pag.html)
Atributul target poate lua valorile:
_blank - pagina va fi încărcată într-o nouă fereastră
_parent - pagina va fi încărcată în fereastra părinte
_top - pagina va fi încărcată în fereastra top a cadrului
_self - pagina va fi încărcată în aceeaşi fereastră
Exemplu: link catre pagina www.google.ro
cod HTML | Rezultatul codului |
<a href="http://www.google.ro" target="_blank">Gătăoogle</a> |
Putem insera un link către o adresă de e-mail putând asocia şi un subiect prestabilit:
cod HTML | Rezultatul codului |
<a href="mailto:test@test.ro">Trimite e-mail</a> | Trimite e-mail |
<a href='mailto:test@test.ro?subject="subiect prestabilit"'>Trimite e-mail</a> | Trimite e-mail |
Culoarea link-urilor poate fi modificată introducând în eticheta body următoarele atribute:
LINK - legătură nevisitată (default albatru)
VLINK - legătură visitată (default rosu)
ALINK - legătură activă (nu prea se foloseşte - default portocaliu)
Ancore
Se pot adăuga puncte de reper (ancore) pentru o deplasare mai usoară în cazul unor pagini HTML lungi sau către un loc anume aflat într-o altă pagină.
Ancora se defineşte tot între etichetele <a> şi </a> dar cu atributul name. Pentru a face trimitere către ancoră se introduce un link cu atributul href având ca valoare denumirea ancorei astfel:
Ancora | <a name="nume">Ancora</a> |
Link către ancora aflată în aceeaşi pagină | <a href="#nume">Înapoi la ancora</a> |
Link către ancora aflată în altă pagină | <a href="pagina.html#nume">Înapoi la ancora din pagina.html</a> |