Tutorial HTML in limba romana Tutorial HTML prin exemple Curs HTML

Crearea legaturilor HTML

Ce este o legatura HTML

Legatura HTML este partea fundamentala a paginilor web. Legaturile sunt care fac posibil navigarea in cadrul web siteturilor si intregului web.

In total sunt 3 mari categorii de legaturi html:

  • Legaturi la ancorele de pe pagina curenta (Intern).
  • Legaturi catre alte pagini din cadrul site-ului curent (Local).
  • Legaturi catre pagini din afara web site-ului curent (Global).

Avem posibilitatea de a face crea legaturi HTML folosind texte si imagini.

Cu un pic de creativitate se pot realiza legaturi utilizand alt obiecte, cum ar fi un "buton" sau chiar meniurile verticale pot lucra ca legaturi.

Asa cum am precizat exista multe tipuri de legaturi, unele mai advansate fiind cele realizate cu limbajul Javascript.

Cum realizam o legatura HTML

Etichetele utilizate pentru o legatura sunt perechea <a> si </ a>. Numele acestor etichete vine de la anchor.

Eticheta <a> spune unde incepe legatura iar </ a> indica unde se incheie.

Tot ce este intre aceste doua etichete va functiona ca o legatura

.

Atributul utilizat in cadrul acestor etichete este "href" si valoarea avesteia va indica adresa, adica legatura in sine.

Codul pentru inserarea unei legaturi intr-o pagina web va fi:

<a href="http://www.adresa-web.ro"><a>Text legatura</a>

Exemplu de mai jos arata modul cum se formeaza un link catre Google.

Faceti clic pe aici pentru a merge la Google.

Codul pentru acesta legatuta este

<a href="http://www.google.com" target="_blank">aici</a>

Atributul href indica adresa adica: http://www.google.com, iar atributul target indica faptul ca pagina Google se incarca intr-o fereastra noua.

Legaturile html pot fi relative sau absolute.

Cea relativa indica o adresa fata de directorul parinte, iar cea absoluta contine o adresa completa catea un web site.

<html>
<head>
<title>Legaturi HTML</title>
</head>
<body>

<b>Legatura catre o pagina aflata in directorul cutent</b>
<br><br>
<a href="local.html">Legatura la fisierul: local.html </a>

</body>
</html>

Pagina legatura1.html va arate astfel click aici.

Iata cateva exemple cu legaturi:

<a href="skoda-fabia.html">skoda-fabia.html</a>
<a href="../piese-de-schimb/mercedes/oglinda.html">../piese-de-schimb/mercedes/oglinda.html</a>
<a href="../../logan.html">../../logan.html</a>
<a href="../../director1/director2/fisier3.html">../../director1/director2/fisier3.html</a>

Legaturile text din cadrul unei pagini web pot sa aiba o culoare oarecare, de exemplu culoare rosie. Avem mai multe posibilitati de a realiza acest lucru. Cel mai simplu ar fi cu ajutorul etichetei <body> utilizand trei atribute:

- link - culoarea pentru legaturi nevizitate (culoarea standard este culoarea albastru - # 0000FF).

- vlink - culoarea pentru legaturi vizitate (culoarea standard este culoarea violet - # 800080).

- alink - culoarea pentru legaturi active (culoarea standard etse culoarea rosie - # FF0000).

Exemplu:

<body link="#C0C0C0" vlink="#808080" alink="#FF0000">

Atributul "target" este cel care va spune browserului web unde trebuie incarcat pagina la care se refera legatura.

Atributul "target" accepta urmatoarele valori:

  • _blank incarca pagina intr-o fereastra nou creata
  • _parent incarca in fereastra parinte
  • _self incarca in aceeasi fereastra
  • _top incarca in fereastra "top" din pagina curenta
HTML

Parteners
Tutorial HTML

Limbajul HTML Documentatii Etichete Legaturi Tabele Liste Formulare JavaScript Home

Download Firefox

HTML

W3C

IETF

HTML Tutorial