CATEGORII DOCUMENTE |
Legaturi
Lagaturile
(link-urile) reprezinta partea cea mai importanta a unei pagini Web.
Ele transforma un text obisnuit in hipertext
sau hiperlegatura, care premite trecerea rapida de la o informatie
aflata pe un anumit server la alta informatie memorata pe un alt server aflat
oriunde in lume.
Legaturile sunt zone active intr-o pagina Web, adica
zone de pe ecran sensibile la apasarea butonului stang al mouse-ului.
O legatura catre o pagina aflata in acelasi director
O legatura catre o
pagina aflata in acelasi director se formeaza cu ajutorul etichetei <a>
(de la 'anchor'=ancora).
Pentru a preciza pagina indicata de legatura se utilizeaza un
atribut al etichetei <a> numit href, care ia valoare numele
fisierului HTML aflat in acelasi director. Zona activa care devina sensibila la
apasarea butonului stang al mouse-ului este formata
din textul cuprins intre etichetele <a></a>.
Prezenta etichtetei de sfarsit </a> este
obligatorie.
<html> <head> <title> Comutarea intre doua pagini</title> </head> <body> <h3>Pagina 1 </h3> <a
href='leg_ex2.html'>
Link catre pagina 2 </a> </body> </html>
<html> <head> <title> Comutarea intre doua pagini</title> </head> <body> <h3>Pagina 2 </h3> <a
href='leg_ex1.html'>
Link catre pagina 1 </a> </body> </html>
O legatura catre o pagina aflata pe acelasi disc local
Daca pagina referita se afla pe acelasi disc local, dar intr-un alt director atunci pentru a preciza pozitia ei in structura de directoare se poate folosi adresarea relativa.
<html> <head> <title> Comutarea intre doua pagini aflate pe acelasi disc local</title> </head> <body> <h3>Pagina 3 </h3> <a
href='exemple/list/listex_11.html'>
Link catre o pagina cu liste </a> </body> </html>
O legatura catre un site particular
In exemplul urmator se utilizeaza adresa URL www.netscape.com care incarca pagina de start din site-ul firmei Netscape Corporation.
<html> <head> <title> Link catre site-ul firmei Netscape</title> </head> <body> <h3>Link catre site-ul firmei Netscape </h3> <a
href='https://www.netscape.com'>
Netscape Corporation </a> </body> </html>
Intr-o pagina
foarte lunga pot exista puncte de reper catre care se definesc legaturi.
O ancora se defineste de asemenea prin eticheta <a>. Pentru a
defini ancora se utilizeaza atributul name care primeste ca
valoare un nume atribuit ancorei (de exemplu
'leg1').
Pentru a insera o legatura catre 'leg1' definita in aceeasi pagina se
utilizeaza eticheta <a> avand atributul href de
valoare '#leg1'.
Pentru a introduce o legatura catre o ancora definita in alt document (alta pagina) aflat in acelasi director, atributul href
primeste o valoare de forma 'nume_fisier.html#nume_ancora'.
<html> <head> <title> Ancore definite in acelasi document si in alt doocument</title> </head> <body> <h3>Ancore definite in acelasi document si in alt document </h3> <a
href='#ancora1'>
Link catre ancora 1 </h3> <a
href='../../legaturi.php#anc'>
Link catre o ancora din alt document </a> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <a
name='ancora1'>ancora 1 </body> </html>
Ancore definite prin atributul id
Atributul id este
un atribut universal ,adica poate fi atasat oricarui
element al unei pagini Web.
Acest atribut va inlocui complet atributul name, care
putea fi atasat numai anumitor elemente.
Atributul id primeste ca valoare un nume (de exemplu
'id1') care identifica in mod unic un element.
Atributul id poate fi utilizat pe post de ancora intr-o pagina Web conform
sintaxei:
<eticheta id =
'id1'> </eticheta> <a href =
'#id1' >Link catre elementul
'id1' </a>
unde 'eticheta' poate fi orice element .
Exemplul anterior arata astfel cu eticheta id
Alegerea culorilor pentru legaturi
In mod prestabilit se utilizeaza trei culori pentru legaturi:
Aceste atribute pot fi stabilite cu ajutorul a trei atribute ale etichetei <body>:
Valorile pe care le pot lua aceste atribute sunt culori definite prin nume sau conform standardului RGB.
<html> <head> <title> Culori pentru lagaturi</title> </head> <body
link='blue' vlink='green' alink='red'> <h3>Setarea culorilor pentru link-uri:<br>rosu
pentru legaturi active, verde pentru legaturi vizitate si albastru pentru
legaturi nevizitate </h3> <a
href=leg_ex1.html>
Link catre pagina 1 <br> <a
href=leg_ex2.html>
Link catre pagina 2 <br> <a
href=leg_ex8.html>
Link catre pagina 11 </a> </body> </html>
Utilizarea postei electronice
Intr-o pagina Web
se poate afla legaturi care permit lansarea in executie a
aplicatiei de expediere a mesajelor electronice.
Pentru aceasta se utilizeaza in constructia adresei URL serviciul Internet mailto: urmat
de o adresa e-mail valida.
Pentru ca exemplul urmator sa functioneze trebuie ca:
<html> <head> <title> Expediere de mesaje electronice</title> </head> <body> <h3>Expediere de mesaje electronice</h3><br> <a
href='mailto:a_bsz@yahoo.com'>
Mesaje catre autorul paginii
</body> </html>
Legaturi catre fisiere oarecare
O pagina Web poate contine legaturi catre orice tip de fisiere aflate pe orice servere din Internet. Pentru aceasta se utilizeaza eticheta <a> avand valoarea atributului href egala cu adresa URL a fisierului destinatie.
Atunci cand se efectueaza clic pe legatura din exemplul urmator browserul se deschide o caseta de dialog - File download - care va permite:
<html> <head> <title> Legaturi catre fisiere oarecare</title> </head> <body> <h3>Legaturi catre fisiere oarecare</h3><br> <a
href='fisier.zip'>
Link catre fisierul fisier.zip
</body> </html>
Atributul title
apartine etichetei <a> si comanda aparitia unei mici ferestre in
pagina Web cand mouse-ul se afla pe o legatura, fereastra in care este afisata valoarea data acestui atribut.
Acest atribut are astfel menirea de a furniza informatii suplimentare despre
semnificatia unei legaturi.
<html> <head> <title> Atributul title</title> </head> <body> <h3>Atributul title</h3><br> <a
href='mailto:a_bsz@yahoo.com' title='adresa mea de
e-mail'>
Mesaje catre autorul paginii
</body> </html>
Legaturi catre fisiere de sunet
Sunetele pot fi stocate in fisiere in diverse formate:
O legatura catre
un fisier de sunet se realizeaza folosind eticheta <a> destinata
legaturilor catre orice tip de fisiere, unde atributul href va
avea valoarea egala cu adresa URL a fisierului de sunet.
De exemplu:
<a href='numefisier.au'>Link catre fisierul de sunet</a>
Legaturi catre fisiere videoclipuri
Videoclipurile sunt stocate in fisiere diverse formate.Formatele si extensiile corespunazatoare pentru fisierele utilizabile in paginile Web sunt urmatoarele:
O legatura catre
un fisier de sunet se realizeaza folosind eticheta <a> destinata
legaturilor catre orice tip de fisiere, unde atributul href va
avea valoarea egala cu adresa URL a fisierului videoclip.
De exemplu:
<a href='numefisier.avi'>Link catre fisierul videoclip</a>
Politica de confidentialitate | Termeni si conditii de utilizare |
Vizualizari: 1086
Importanta:
Termeni si conditii de utilizare | Contact
© SCRIGROUP 2024 . All rights reserved