Scrigroup - Documente si articole

     

HomeDocumenteUploadResurseAlte limbi doc
AccessAdobe photoshopAlgoritmiAutocadBaze de dateCC sharp
CalculatoareCorel drawDot netExcelFox proFrontpageHardware
HtmlInternetJavaLinuxMatlabMs dosPascal
PhpPower pointRetele calculatoareSqlTutorialsWebdesignWindows
WordXml


Legaturi HTML - Ancore, Atributul title, catre fisiere de sunet

html



+ Font mai mare | - Font mai mic



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>

Ancore

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:

  • o culoare pentru legaturile nevizitate (nu s-a efectuat nici un clic pe ele)
  • o culoare pentru legaturile vizitate (s-a efectuat cel putin un clic pe ele)
  • o culoare pentru legaturile active (deasupra carora se afla mouse-ul la un moment dat).

Aceste atribute pot fi stabilite cu ajutorul a trei atribute ale etichetei <body>:

  • link pentru legaturile nevizitate;
  • vlink pentru legaturile vizitate;
  • alink pentru legaturile active.

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:

  • 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.

<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:

  • 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 fisiere 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>



Politica de confidentialitate | Termeni si conditii de utilizare



DISTRIBUIE DOCUMENTUL

Comentarii


Vizualizari: 996
Importanta: rank

Comenteaza documentul:

Te rugam sa te autentifici sau sa iti faci cont pentru a putea comenta

Creaza cont nou

Termeni si conditii de utilizare | Contact
© SCRIGROUP 2024 . All rights reserved