Legaturi

Acoustic · Trimis: 03/02/2008 22:17 Titlul subiectului: Legaturi

.1 Legaturi
Legatura (link-ul) este o eticheta foarte importanta in HTML deoarece confera utilizatorului probabilitatea navigarii de la o pagina la alta. Deobicei link-ul este subliniat iar atunci cind suntem deasupra lui cursorul isi altera 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>Academia Online</a> Academia Online

Putem insera un link catre o adresa de e-mail putand asocia si un subiect prestabilit
HTML Afisare
<a>Trimite e-mail</a> Trimite e-mail
<a>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.

Exemplu:
Ancora <a>Ancora</a>
Link catre ancora aflata in aceeasi pagina <a>Inapoi la ancora</a>
Link catre ancora aflata in alta pagina <a>Inapoi la ancora din pagina.html</a>