Lectia 8 HTML | Legaturi

Legaturile (link-urile) sunt foarte importante in HTML deoarece ofera utilizatorului posibilitatea navigarii de la o pagina la alta.
Fara existenta link-urilor, un site ar fi exact ca o carte care are paginile lipite. Nu s-ar putea naviga pe acesta.
Practic, tot internetul este un manunchi de legaturi.

Legaturile sunt folosite pentru a trece de la o pagina a site-ului la alta. Cel mai des sunt intalnite la meniul site-ului si in interiorul articolelelor.

Aceste legaturi se pot implementa in orice element al site-ului (text, imagini, tabele, liste, etc.).

Pentru a crea o legatura se foloseste tagul pereche <a> </a>.
Acest tag are ca atribute :
- href="" | intre ghilimele se introduce calea spre pagina pe care dorim sa o deschidem;
- target="" | intre ghilimele specificam daca pagina se va deschide intr-o fereastra noua;
- title="" | intre ghilimele se introduce textul care va afisat la trecerea mouse-ului peste legatura;

Intre tagurile <a> si </a> se poate insera un text sau o imagine pe care browser-ul il/o va afisa si pe care noi vom da click.

Dintre atributele de mai sus, atributul "target" si "title" nu sunt obligatorii de scris intr-o legatura.
Daca nu vei scrie atributul "target=_blank", pagina se va deschide in fereastra curenta.
Daca nu vei scrie atributul "title", cand vom trece cu mouse-ul peste legatura nu va aparea nimic.

Pentru a insera o legatura pentru cuvantul "acasa", va trebui sa scrii inaintea cuvantului, tagul <a href="/link_site.html"> si dupa cuvant sa inchizi tagul </a>. In locul "link_site.html", vei scrie pagina sau site-ul unde vrei sa duca respectiva legatura.

    EXEMPLU:

 

<html>

<head>
<title>Aceasta este o legatura</title>
</head>
<body bgcolor="yellow">

<a href="http://www.world-it.ro"target="_blank">Aceasta este o legatura</a>

</body>
</html>

Aceasta este o legatura


Pentru a insera o legatura pentru o imagine, va trebui sa scrii inaintea codului pentru imagine, tagul <a href="/link_site.html"> si dupa codul imagine sa inchizi tagul </a>.
Exemplu: <a href="/site.html><img src="/imagine.png></a>