Tutorial HTML

Data publicarii: Februarie 2006

Tutoriale » HTML » Legaturi

HTML Feb 2006

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

<a href="adresa-fisier" target="_blank" title="titlu">

Adresa fisierului destinatie poate fi exprimata astfel:
nume fisier, daca se afla in acelasi folder cu pagina curenta

<a href="fisier.html">

folder/nume fisier,daca se afla in alt folder

<a href="folder/fisier.html">

adresa URL, fiind adresa completa a paginii

<a href="http://www.proba.ro/fisier.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 www.drogoreanu.ro

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

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

HTMLAfisare
<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

HTMLAfisare
<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.

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

Sus

Tutoriale
17 Feb 2025  10:35 AM

Copyright © 2005-2023 Termeni si conditii
 
Comentarii:
Adrain
30-07-2010
Salut..am un blog..mam descurcat sa pun din cele 10 pagini disponibile toate in meniul blogului prin html...nu reusesc sa fac in josul paginii numere EX:1.2.3.4....29>...imi puteti spune cum as putea face?Va multumesc
Ioana
08-01-2013
Am inteles cum se fac linkurile. Pana acum doar le vedeam in pagini, acum le voi folosi si eu in proiectul la informatica. Ioana, anul II, Constructii
Ramona
24-03-2013
Cum poate fi afisat un link fara sa fie subliniat doar o alta culoare ar fi indeajuns? Merci
Autor
25-03-2013
Adauga in fisierul css extern urmatoarea linie
a {text-decoration:none;color:#ff0000;}
care va formata link-urile cu font rosu si fara subliniere
Oana
06-04-2013
Am citit raspunsul dvs la intrebarea cuiva despre specificatia de format ce trebuie inclusa in fisierul css, privitoare la linia ce insoteste un link. Pentru ca nu am obtinut rezultatul dorit, banuiesc ca am omis ceva: exista in radacina un fisier .css in care am plasat linia a {text-decoration:none; color:#ff0000;} Mai trebuia inclus fisierul css in head ?
Autor
06-04-2013
Da, in head se include legatura cu fisierul css astfel:
<link rel="stylesheet" type="text/css" href="fisier.css">
Cristi
12-05-2013
Salut ! Vreau sa fac in partea de administrare doua casute. In una din casute vreau pun un titlu iar in a doua casute vreau sa pun link-ul pentru titlu. Cum pot face in cod legatura dintre ele, ca in partea de afisare sa-mi apara tilul "linkuit"?

Sus