You are on page 1of 3

Link-uri in HTML

Termenul link (prescurtare de la hyperlink) este o referin ctre un document sau parte a unui
document.
Se folosete tag-ul <a> (anchor) i eticheta href.
Atributul href numeste legatura catre o alta pagina web. De fapt este locul unde va fi dus user-
ul care va executa un click pe linkul respectiv.
Ex.:
Click <a href="http://www.yahoo.com">here</a> to go to yahoo.
Linkurile pot fi de trei tipuri:

interne - catre locuri specifice din pagina (anchors)


locale - catre alte pagini din acelai site
globale - catre alte domeni in afara site-ului

Definirea culorilor pentru toate link-urile de pe o pagina:

- se face n seciunea BODY

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


Atribute

link - standard link spre o pagin care nu a fost nc vizitat (culoare standard blue -
#0000FF).
vlink - visited link spre o pagin vizitat deja. (culoare standard purple - #800080).
alink - active link culoarea link-ului cand mouse este situat deasupra lui (culoare
standard red - #FF0000).

Definirea culorilor pentru un link individual:

- se face folosind FONT

Ex.:
Click <a href="http://www.yahoo.com"><font color="FF00CC">here</font></a> to go to yahoo.
Atributul target
Atributul "target" ne permite sa definim unde va fi deschis documentul spre care ne trimite un
marcaj ancora <a>.

Urmatorul fragment de cod sursa va deschide documentul (pagina de start a motorului de


cautare Yahoo) intr-o noua fereastra a navigatorului:

<a href="http://www.yahoo.com/" target="_blank">Yahoo!</a>


In urmatorul tabel va sunt oferite valorile atributului "target" si o scurta descriere a scopului lor.

Valoare atribut "target" Scop


target="_blank" Deschide (incarca) noul document intr-o
fereastra noua.
target="_self" Deschide (incarca) noul document in aceasi
fereastra cu marcajul ancora (inlocuieste
continutul ferestrei).
Este optiunea implicita, in cazul in care nu se
utilizeaza atributul "target".
target="_parent" Deschide (incarca) noul document in cadrul
(frame) principal (parinte) in cazul utilizarii
cadrelor (frames).
target="_top" Deschide (incarca) noul
document in intreaga fereastra a browserului,
eliminand cadrele.

Atributul title definete numele legturii aa cum apare in browser cnd trecem cu mouse-ul
peste legtur
FI DE LUCRU Link-uri
Exerciiul 1. Realizarea unei legturi reciproce ntre dou pagini aflate n acelai folder de
lucru
1. Creai un folder cu numele LEGATURI.
2. Scriei urmtorul cod ntr-un document Notepad pe care l salvai cu numele
pagina1.html. n folderul LEGATURI.
<HTML>
<HEAD>
<TITLE>Legaturi</TITLE>
</HEAD>
<BODY bgcolor=yellow>
<H3 align="center"> Pagina 1 </H3>
<A href="pagina2.html"> Link ctre <B> PAGINA 2 </B> </A>
</BODY>
</HTML>
3. Scriei urmtorul cod ntr-un document Notepad pe care l salvai cu numele
pagina2.html. n folderul LEGATURI.
<HTML>
<HEAD>
<TITLE>Legaturi</TITLE>
</HEAD>
<BODY bgcolor=red>
<H3 align="center"> Pagina 2 </H3>
<A href="pagina1.html"> Link ctre <B> PAGINA 2 </B> </A>
</BODY>
</HTML>
4. Vizualizai n browser pagina1.html.

Obs. Dac paginile se afl n foldere diferite va trebui s specificai calea complet.

Exerciiul 2. Realizarea unei legturi ctre pagini web externe


Scriei urmtorul cod ntr-un document Notepad i vizualizai n browser.
<HTML>
<HEAD>
<TITLE>Legaturi </TITLE>
</HEAD>
<BODY>
<H3 align="center"> Legaturi catre pagini externe </H3>
<A href="http://www.yahoo.com"> Link ctre <B> Yahoo.com </B> </A>
<br>
<A href="http://www.google.com" target=_blank> Link ctre <B>
Google.com </B> </A>
</BODY>
</HTML>
Obs. Atributul target=_blank specific faptul c legtura se va deschide ntr-o fereastr
nou.