Lagaturile sau 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. Aceste elemente se folosesc cand vrem sa cream legaturi cu alte documente sau pagini web.
<a>....</a> -Atribute :
* href - reprezinta URL -specifica legatura sau referinta ;
* title - defineste numele legaturii asa cum apare in browser can trecem cu mouse-ul peste legatura ( mouse-over comments );
Exemplu :
<a href='aici introduceti adresa url' target='_blank' title='additional information'>Link text</a>
* rel -stabileste relatia dintre documentul curent si legatura URL : next,previous,index,start etc;
* target - specifica daca legatura se va deschide intr-o pagina nou sau va inlocui pagina actuala.
Exemplu:
<html>
<head>
<title>Legaturii</title>
</head>
<body>
<p> Legatura catre pagina Coding Web : <a href='http://learncodingweb.blogspot.ro/' title='Coding Web'> Click aici pentru a vizita Coding Web</a></p>
<p>Legatura care se deschide intr-o pagina noua: <a href='http://learncodingweb.blogspot.ro/' title='Coding Web' target='_blank'>Coding Web</a></p>
<p>Legatura catre <b>elemente de bloc</b>:<a href='bloc.html' title='Elemente de bloc'> Elemente de bloc</a>
<p>
</body>
</html>
Ancore definite prin atributul ID.
<eticheta id="nume_id">...</eticheta>
<a href="#nume_id">Link catre id specificat</a>
- unde eticheta poate fi orice element
In functie de culoarea legaturi exista trei tipuri de leagaturi :
* o culoare pentru legaturile vizitate - legaturi pe care sa efectuat cel putin un click pe ele
* o culoare pentru legaturile active - deasupra carora se afla mouse-ul la un anumit moment dat
* o culoare pentru legaturile nevizitate - nu sa efectuat nici un click pe ele
Aceste trei atribute pot fi stabilete cu ajutorul etichetei <body>.
* link -pentru legaturi nevizitate
*vlink -pentru legaturi vizitate
*alink -pentru legaturi active
Exemplu :
<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_ex11.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:
- pe calculator sa fie instalat o aplicatie de expediere a mesajelor electrionice (Outlook Express pe calc. Windows , Pine pe calc. Unix);
- adresa sa fie valida si calculatorul sa fie conectat la Internet.
Exemplu :
<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 un fisier 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:
- sa salvati pe discul local fisierul
- sa lansati in executie aplicatia capabila sa interpreteze corect fisierele de tipul respectiv
<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:
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 un fisier de sunet
Sunetele pot fi stocate in fisiere in diverse formate:
- AU/m-law cu extensia .au;
- AIFF/AIFC cu extensiile .aiff, .aif;
- WAVE/WAV cu extensia .wav;
- MPEG Audio cu extensia .mpeg2, sau .mp2;
- MIDI cu extensia .mid sau .midi;
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:
- MPEG cu extensia .mpeg sau mpg;
- QuickTime cu extensia .mov;
- AVI cu extensia .avi.
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>
Daca va placut acest articol sau altele de pe site-ul ,meu va rog sa le distribuiti mai departe pe facebook pentru a afla cat mai multe persoane si daca vreti sa imi dati si un like va invit pe pagina mea de facebook aici: https://www.facebook.com/OriginalsBlue/
0 comments:
Trimiteți un comentariu