Curs de autoinstruire in HTML

Limbajul HTML
Gel lac
Inregistrati-va si puteti plasa pagina Web pe Geocities.
Top100
Cele mai bune pagini.
HTML

HTML 4.0 Specification
Aici gasiti o descriere mai complexa despre limbajul HTML 4.0

HTML 4.01 Specification
Aici gasiti o descriere mai complexa despre limbajul HTML 4.01

validator.w3.org www.w3.org

DHTML

Click here for DHTML-Center Click here for dynamicdrive

Javascript

Javascript

Animatii

Click here for Animationcity Click here for Cooltext




UTT : UBM : HTML
                       Limbajul HTML
Autor: Barna Alexa
6. 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="http://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.html#anc">
Link catre o ancora din alt document </a>
<br> 1<br>2<br>3<br>4<br> 5<br>6<br>7<br>8<br> 9<br>10<br>11<br>12<br> 13<br>14<br>15<br>16<br> 17<br>18<br>19<br>20<br> 21<br>22<br>23<br>24<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>:
  • 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_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.
<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>

1111		  
  Continut

  1. Ce este HTML ?
  2. Primii pasi
  3. Fonturi
  4. Blocuri de text
  5. Imagini
  6. Legaturi
  7. Liste
  8. Tabele
  9. Ferestre in Html
10. Formulare
11. Stiluri
12. Javascript
13. Tag-uri

       [ HOME ]


|  Ce este HTML ? | Primii pasi | Fonturi | Blocuri de text | Imagini | Legaturi | Liste | Tabele |
| Ferestre in HTML | Formulare | Stiluri | Javascript | Tag-uri |
[ HOME ]


Copyright © 2000 UBM
a_bsz@yahoo.com