HTML Tutorial #15 - Link / Href

[Vampire Andy 229]

 

Atributul "Href" numeşte legătura către o altă pagină web. Este locul unde va fi dus user-ul care da click pe linkul respectiv.

 

Linkurile pot fi de trei tipuri:

 

- interne - către locuri specifice din pagină (anchors)

- locale - către alte pagini dar pe acelaşi domeniu

- globale - către alte domenii în afara site-ului

 

Internal - href="#anchorname"

Local - href="../img/foto.jpg"

Global - href="http://www.exemplu.com/"

HTML - Link-uri text

 

Pentru a seta începutul şi sfârşitul unui anchor se poate folosi <a></a>. Alege tipul de atribut care îţi trebuie şi pune-l în interiorul tagului "en" . exemplu :

 

<a href="http://www.rangfort.ro.com"target="_blank" >Cea mai smecheră comunitate !</a> 

HTML - Target-uri de link

 

Atributul target spune browser-ului dacă trebuie să deschidă noua pagină într-o nouă fereastră sau în aceeaşi fereastră.

 

 

Exemplu de mai jos arată cum se poate deschide o pagină într-o nouă fereastră a browserului. În acest fel putem rămâne pe pagina curentă şi să deschidem o nouă pagină de navigare.

 

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

HTML - Anchor

 

Este folosit pentru a lega două secţiuni ale aceleaşi pagini. În acest sens va trebui să dăm un nume secţiunilor .

 

<h1>HTML - Hypertext Reference / href<a name="top"></a></h1>

<h2>HTML - Link-uri text<a name="text"></a></h2>

<h2>HTML - Link-uri de e-mail<a name="email"></a> </h2>

Mai departe trebuie să formulăm codul link-ului punând înaintea numelui anchor-ului semnul diez (#). Exemplu :

 

<a href="#top">Mergi la început </a>
<a href="#text">Învaţă despre link-uri text </a>
<a href="#email">Învaţă despre adrese de e-mail </a>

HTML - Link-uri de e-mail

 

Crearea unui link de email este foarte simplu. Dacă vrei ca cineva să iţi scrie un email cel mai bine ar fi să îi pui la dispoziţie un link cu email-ul tău şi deasemenea un subiect prestabilit.

 

<a href="mailto:gigel@exemplu.com?subject=Nelămuriri " >Întrebări</a>

În cazul în care un subiect nu este de ajuns şi vrei să adaugi ceva şi la conţinutul email-ului, o poţi face cu ajutorul următorului cod:

 

<a href="mailto:gigel@exemplu.com?subject=Nelămuriri&body=Scrie aici dacă ai nelămuriri " >Întrebări </a>

HTML - Link-uri de download

 

Forma unui link de download este exact aceeaşi ca a unui link normal de text. Problema intervine atunci când vrem să punem o fotografie. Cea mai buna solutie ar fi să folosim un thumbnail cu un link .

 

<a href="http://www.exemplu.com/htmlT/text.zip">Text Document</a>

 

HTML - Link-uri default / Link-uri de bază

 

Foloseşte tag-ul <base> în interiorul elementului head pentru a seta un link de bază . Acesta este necesar în cazul în care ai pe undeva un link care nu functionează corect sau a cărui destinaţie numai există . Link-ul de bază redirecţionează user-ul la adresa specificată .