14. Links HTML

Atributul href numeste legatura catre o alta pagina web. De fapt este locul unde va fi trimis user-ul care va executa un click pe link-ul respectiv.

Linkurile pot fi de trei tipuri:

  • interne – catre locuri specifice din pagina (anchors)
  • locale – catre alte pagini, dar pe acelasi domeniu web
  • globale – catre alte pagini, din domenii web in afara site-ului
Internal - href="#anchorname"
Local - href="../img/foto.jpg"
Global - href="http://www.google.com/"

HTML – Llink-uri cu text

Pentru a seta inceputul si sfarsitul unui anchor se poate folosi <a></a>. Alege tipul de atribut care iti trebuie si pune-l in interiorul tagului. Un exemplu simplu ar fi:

<a href="https://www.google.com/" target="_blank" title="Link extern">Link Extern</a>

HTML – Target-uri de link

Atributul target spune browser-ului daca trebuie sa deschida legatura intr-o pagina noua, intr-o fereastra noua, sau in aceeasi fereastra.

target= _blank Deschide link-ul intr-o noua fereastra
_self Deschide link-ul in aceeasi fereastra
_parent Deschide link-ul intr-un frame superior link-ului
_top deschide noua pagina in acelasi browser anuland toate frame-urile

Exemplu de mai jos arata cum se poate deschide o pagina intr-o noua fereastra a browserului.

<a href="http://www.google.com/" target="_blank" title="Viziteaza site-ul Google">Google </a>

HTML – Anchor

Este folosit pentru a lega doua sectiuni ale aceleiasi pagini. In acest sens va trebui sa dam un nume sectiunilor, dar pentru aceasta cel mai indicat ar fi sa aruncam o privire exemplului urmator.

<h2>HTML - Link in <a href="https://www.google.com/">afara unei pagini</a> </h1>
<h2>HTML - Link <a href="mailto:eamil@email.com">trimitere email</a> </h1>

Mai departe trebuie sa formulam codul link-ului punand inaintea numelui anchor-ului semnul diez (#). Urmareste exemplul pentru mai buna intelegere.

<a href="#top">Mergi la inceput </a> |
<a href="#text">Invata despre link-uri text </a> | 
<a href="#email">Invata despre adrese de e-mail </a>

HTML – Link-uri de e-mail

Crearea unui link de email este foarte simplu. Daca vrei ca cineva sa iti scrie un email cel mai bine ar fi sa sa ii pui la dispozitie un link cu email-ul tau si de asemenea un subiect prestabilit.

<a href="mailto:exemplu@exemplu.com?subject=Subiect Email" title="Trimite">Completeaza mesajul tau aici</a>