Inserarea legaturilor in documente HTML

Principala caracteristica a hipertextelor o constituie utilizarea legaturilor (link-s). Un link este o conexiune catre o alta resursa Web (un alt hipertext sau o imagine, o secventa video sau audio, un program etc.), resursa care poate fi accesata din fereastra browser-ului printr-un simplu clic.

Limbajul HTML contine multiple elemente prin intermediul carora se poate crea o legatura catre resurse Web:

IMG (creeaza o legatura catre o imagine),

LINK (specifica legaturi catre resurse utile),

A (creeaza o legatura catre o resursa Web intr-un document HTML),

APPLET (creeaza o legatura catre un program executabil pe calculatorul utilizatorului). Le vom analiza pe rand, in sectiunile urmatoare.

Elementul A

Pentru a insera un link intr-un document HTML se utilizeaza elementul A (anchor -ancora). Textul cuprins intre eticheta de inceput <A> si cea de sfarsit </A> va aparea evidentiat in fereastra browser-ului; subliniat, colorat in functie de valorile atributelor LINK, VLINK, ALINK sau in functie de modul de configurare a browser-ului.

Atributele specifice elementului A sunt:

HREF = URL , specifica adresa resursei la care se face legatura.

NAME = sir-de-caractere, asociaza un nume ancorei curente, astfel incat sa poata constitui tinta unui alt link.Numele trebuie sa fie unic in cadrul documentului.

TITLE = sir-de-caractere,  asociaza un nume resursei la care se face legatura. Browser-ul va putea afisa titlul resursei cand utilizatorul deplaseaza mouse-ul deasupra legaturii.

Pot aparea mai multe tipuri de legaturi, si anume :

legatura spre o alta pagina HTML locala calculatorului, la inceputul acesteia .

legatura spre o pagina Web din Internet ( adica o pagina care nu este locala).

legatura spre o tinta din interiorul aceleasi pagini.

legatura spre o alta pagina HTML locala calculatorului, intr-un anumit loc din interiorul acesteia.

Vom exemplifica cele trei tipuri de legaturi:

De exemplu:

Descriere

Informatii suplimentare in <A HREF='cap5.htm'> Capitolul 5 - Inserarea legaturilor in documente HTML </A>.

Referat: Modelul OSI - nivelul fizic, legatura de date, retea, transport Referat: Alocarea memoriei - alocarea de memorie in limbaje de programare

Efect:

Informatii suplimentare in Capitolul 5 - Inserarea legaturilor in documente HTML.

In acest exemplu a fost creat un link catre un document HTML local, numit cap5.htm. Observati ca adresa resursei tinta a fost specificata relativ la locatia curenta.

Descriere

<A NAME='fih' HREF='https://www.fih.utt.ro”> Facultatea de Inginerie Hunedoara </A>

Efect

Facultatea de Inginerie Hunedoara

In acest exemplu, adresa resursei destinatie (pagina Web a Facultatii de Inginerie Hunedoara) a fost specificata in mod absolut. Aceasta ancora a fost denumita fih, dar se putea si fara a-I atribui un nume..

Descriere

<A NAME='Inceput'></A>

<A HREF='#Inceput'> Salt la inceputul paginii </A>

Efect

Salt la inceputul paginii

In exemplul de mai sus am definit o ancora vida, pe care am denumit-o Inceput.Acest lucru a fost necesar pentru a marca locul de revenire. La sfarsitul documentului am inserat o legatura catre ancora Inceput, care permite utilizatorul sa revina in pozitia acestei ancore. Observati ca in acest ultim caz, pentru specificarea adresei am utilizat caracterul #, urmat de numele ancorei.

Descriere

<A HREF='Manual.htm#Link'> Manual HTML. Cap. 5 Legaturi in documente HTML.</A>

Efect

Manual HTML. Cap. 5 Legaturi in documente HTML.

In acest exemplu am definit o legatura catre documentul HTML Manual.htm. Prin activarea acestei legaturi se va deschide in fereastra browser-ului documentul Manual.htm, la ancora denumita Link. Observati ca pentru a specifica drept tinta o ancora dintr-un alt document se utilizeaza notatia :

adresa#nume-ancora.

Descriere

<A HREF='unu.htm'> Nu este permis un link care sa contina alt <A HREF='doi.htm'> link </A> </A>

Acest exemplu este incorect! Nu este permisa utilizarea imbricata a legaturilor (cu alte cuvinte, definirea unui link in interiorul altui link).

Elementul A admite si alte atribute, de exemplu HREFLANG (specifica limba in care este redactat documentul la care se face legatura), CHARSET (specifica setul de caractere utilizat de resursa destinatie), TARGET, SHAPE , COORD, LANG, DIR, etc.

Indicatie:

Protocolul care permite trimiterea unui mesaj e-mail dintr-un program de navigare se numeste mailto. Prin urmare, URL-ul destinatie consta din mailto: adresa-destinatar

Elementul LINK

Ca si elementul A, elementul LINK permite specificarea unor legaturi catre alte documente. Spre deosebire de A, elementul LINK poate fi plasat numai in antetul documentului (in sectiunea HEAD), deci prin urmare corespunzator acestui element nu se afiseaza nimic in pagina vizualizata de catre browser.

Din punct de vedere sintactic, elementul LINK admite aceleasi atribute ca si elementul A, dar nu admite eticheta de sfarsit.

Prin utilizarea elementului LINK pot fi furnizate diferite informatii, cum ar fi informatii despre autor, informatii despre versiunile anterioare ale documentului sau versiuni in alte limbi etc.

De exemplu:

Descriere

<HTML>

<HEAD>

<TITLE> Capitolul 5 </TITLE>

<LINK TITLE = 'Author' HREF = 'liis.sorosis.ro/-ema'>

<LINK TITLE = 'Previous Version'

HREF = '../last/maul.htm'> </HEAD>

• ••

Observati ca in antetul documentului pot aparea mai multe elemente LINK.

Elementul BASE

Specificarea adreselor resurselor Web la care se creeaza legaturi in documente HTML se poate face atat in mod absolut, cat si in mod relativ.

In cazul specificarii relative a adreselor, se considera implicit ca adresa de baza este locatia curenta. Prin intermediul elementului BASE exista posibilitatea de a specifica explicit adresa de baza a URL-urilor specificate in mod relativ.

<BASE HREF=URL>

Valoarea atributului URL al etichetei <BASE> trebuie sa fie o adresa specificata in mod absolut. Observati ca elementul BASE nu admite eticheta de sfarsit.

Daca apare, elementul BASE trebuie plasat in antetul documentului HTML.

De exemplu:

Descriere :

<HTML>

<HEAD>

<TITLE> Cuprins </TITLE>

<BASE HREF=ⁿhttps://fih.utt.ro/~mi'>

</HEAD>

<BODY>

<A HREF='manual/cap1.htm'> Capitolul 1 </A>

.

</BODY>

</HTML>

In exemplu am definit adresa de baza https:// fih.utt.ro/~mi. Prin urmare, prin activarea legaturii Capitolul 1, browser-ul va incarca documentul de la adresa https:// fih.utt.ro/~mi/manual/capl .htm