Tutorial complet HTML
Legatura (link-ul) este o eticheta foarte importanta in HTML deoarece confera utilizatorului posibilitatea navigarii de la o pagina la alta. Deobicei link-ul este subliniat iar atunci cind suntem deasupra lui cursorul isi schimba forma.
Link-ul este definit cu etichetele <a> si </a> si are atributele:
href - adresa fisierului destinatie
target - in ce fereastra se va deschide fisierul destinatie
title - mica descriere asociata legaturii afisata in momentul in care mouse-ul se afla deasupra legaturii
Adresa fisierului destinatie poate fi exprimata astfel:
nume fisier daca se afla in acelasi folder cu pagina curenta
adresa relativa daca se afla pe acelasi server sau disc, indicandu-se calea
adresa URL fiind adresa completa a paginii (de exemplu: http://www.proba.ro/pagina.html)
Atributul target poate lua valorile:
_blank pagina va fi incarcata intr-o noua fereastra
_parent pagina va fi incarcata in fereastra parinte
_top pagina va fi incarcata in fereastra top a cadrului
_self pagina va fi incarcata in aceeasi fereastra
Exemplu: link catre pagina web Academia Online
| HTML | Afisare |
| <a href="http://www.academiaonline.ro">Academia Online</a> | Academia Online |
Putem insera un link catre o adresa de e-mail putand asocia si un subiect prestabilit
| HTML | Afisare |
| <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 linkurilor poate fi modificata introducand in eticheta body urmatoarele atribute:
LINK legatura nevisitata (default albatru)
VLINK legatura visitata (default rosu)
ALINK legatura activa (nu prea se foloseste - default portocaliu)
3.2 Ancore
Se pot adauga puncte de reper (ancore) pentru o deplasare mai usoara in cazul unor pagini HTML lungi sau catre un loc anume aflat intr-o alta.
Ancora se defineste tot intre etichetele <a> si </a> dar cu atributul name. Pentru a face trimitere catre ancora se introduce un link cu atributul href avand ca valoare denumirea ancorei.
| Ancora | <a name="nume">Ancora</a> |
| Link catre ancora aflata in aceeasi pagina | <a href="#nume">Inapoi la ancora</a> |
| Link catre ancora aflata in alta pagina | <a href="pagina.html#nume">Inapoi la ancora din pagina.html</a> |
Link-ul autorului:
www.drogoreanu.ro/tutorials/html.php
