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 c 18118p156s atre resurse utile),
A (creeaza o legatura catre o resursa Web într-un document HTML),
APPLET (creeaza o legatura catre un program executabil pe calculatorul utilizatorului). Le vom analiza pe rând, în sectiunile urmatoare.
Elementul A
Pentru a insera un link într-un document HTML se utilizeaza elementul A (anchor -ancora). Textul cuprins între eticheta de început <A> si cea de sfârsit </A> va aparea evidentiat în fereastra browser-ului; subliniat, colorat în functie de valorile atributelor LINK, VLINK, ALINK sau în 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 încât sa poata constitui tinta unui alt link.Numele trebuie sa fie unic în cadrul documentului.
Pot aparea mai multe tipuri de legaturi, si anume :
legatura spre o alta pagina HTML locala calculatorului, la începutul 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, într-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>.
Efect:
Informatii suplimentare in Capitolul 5 - Inserarea legaturilor in documente HTML.
În 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="utcb" HREF="https://www.utcb.ro"> Universitatea Tehnica de Constructii </A>
Efect
Universitatea Tehnica de Constructii.
În acest exemplu, adresa resursei destinatie (pagina Web a Universitatea Tehnica de Constructii) a fost specificata în mod absolut. Aceasta ancora a fost denumita utcb, dar se putea si fara a-I atribui un nume..
Descriere
<A NAME="Inceput"></A>
<A HREF="#Inceput"> Salt la începutul paginii </A>
Efect
Salt la începutul paginii
În 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 sfârsitul documentului am inserat o legatura catre ancora Inceput, care permite utilizatorul sa revina în pozitia acestei ancore. Observati ca în 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
Legaturi in documente HTML.
În acest exemplu am definit o legatura catre documentul HTML Manual.htm. Prin activarea acestei legaturi se va deschide în 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 în interiorul altui link).
Elementul A admite si alte atribute, de exemplu HREFLANG (specifica limba în care este redactat documentul la care se face legatura), CHARSET (specifica setul de caractere utilizat de resursa destinatie), TARGET, SHAPE , COORD, LANG, DIR, etc.
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 în antetul documentului (în sectiunea HEAD), deci prin urmare corespunzator acestui element nu se afiseaza nimic în pagina vizualizata de catre browser.
Din punct de vedere sintactic, elementul LINK admite aceleasi atribute ca si elementul A, dar nu admite eticheta de sfârsit.
Prin utilizarea elementului LINK pot fi furnizate diferite informatii, cum ar fi informatii despre autor, informatii despre versiunile anterioare ale documentului sau versiuni în 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 în antetul documentului pot aparea mai multe elemente LINK.
Elementul BASE
Specificarea adreselor resurselor Web la care se creeaza legaturi în documente HTML se poate face atât în mod absolut, cât si în 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 în mod relativ.
<BASE HREF=URL>
Valoarea atributului URL al etichetei <BASE> trebuie sa fie o adresa specificata în mod absolut. Observati ca elementul BASE nu admite eticheta de sfârsit.
Daca apare, elementul BASE trebuie plasat în antetul documentului HTML.
De exemplu:
Descriere :
<HTML>
<HEAD>
<TITLE> Cuprins </TITLE>
<BASE HREF=nhttps://utcb.ro/~mi">
</HEAD>
<BODY>
<A HREF="manual/cap1.htm"> Capitolul 1 </A>
.
</BODY>
</HTML>
În exemplu am definit adresa de baza https:// utcb.ro/~mi. Prin urmare, prin activarea legaturii Capitolul 1, browser-ul va încarca documentul de la adresa https:// utcb.ro/~mi/manual/capl .htm
|