Tutorial HTML

Data publicarii: Februarie 2006

HTML Feb 2006

Legaturi

Legaturi
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 cand 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

folder/nume fisier,daca se afla in alt folder

adresa URL, fiind adresa completa a paginii

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 www.drogoreanu.ro

HTML	Afisare
<a href="http://www.drogoreanu.ro">Catalin Drogoreanu</a>	Catalin Drogoreanu

Exemplu: link catre pagina www.drogoreanu.ro incarcata intr-o noua fereastra

HTML	Afisare
<a href="http://www.drogoreanu.ro" target="_blank">Catalin Drogoreanu</a>	Catalin Drogoreanu

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)

Exemplu:

<html>
<head>
<title>Exemplul 3_3</title>
</head>
<body link="green" vlink="black" alink="yellow">
<a href="link.html">Link</a>
</body>
</html>

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 pagina.
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 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 din imagine
Putem folosi o imagine pentru un link. Primul exemplu este cu border iar al doilea fara border.

HTML	Afisare
<a href="http://www.drogoreanu.ro"><img src="images/poza.jpg" width="100" height="75" alt="poza"></a>
<a href="http://www.drogoreanu.ro"><img src="images/poza.jpg" width="100" height="75" alt="poza" border="0"></a>

Sus

07 Feb 2012 3:23 PM Tutoriale