| PROIECTARE SITE WEB > DOCUMENTATIE - HTML - Legaturi |
Proiectare Site si Web Design - Standardul HTML
Legaturi in HTML
Lagaturile (link-urile) reprezinta partea cea mai importanta a unei
pagini Web. Ele transforma un text obisnuit in hipertext sau hiperlegatura,
care permite 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.
Legaturi intre pagini aflate in acelasi director
O legatura de pe o pagina catre o alta 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
ca 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> si </a>.
Prezenta etichtetei de sfarsit </a> este obligatorie. Exemplu:
<html>
<head>
<title> Comutarea intre doua pagini</title>
</head>
<body>
<h3>Pagina 1 </h3>
<a href="pagina_2.html">
Link catre pagina 2 </a>
</body>
</html>
Legaturi intre pagini aflate pe acelasi disc local
Daca pagina referita se afla pe acelasi disc local cu pagina care
face referirea dar intr-un alt director, atunci, pentru a preciza
pozitia ei in structura de directoare se poate folosi adresarea relativa,
dupa cum
urmeaza (se mentine analogia cu adresarea relativa
a imaginilor):
<html>
<head>
<title> Comutarea intre doua pagini aflate pe acelasi disc
local</title>
</head>
<body>
<h3>Pagina 3 </h3>
<a href="../../exemple/list/exemplu_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"
la valoarea "#leg1". Pentru a introduce o legatura catre
o ancora definita in alta pagina aflata in acelasi director, atributul
"href" primeste de data aceasta o valoare de forma "nume_fisier.html#nume_ancora".
Exemplu:
<html>
<head>
<title> Ancore definite in acelasi document si in alt document</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
<a name="ancora1">Ancora 1
</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 deschide o caseta
de dialog intitulata "File download" care permite:
1. sa salvati pe discul local fisierul;
2. sa lansati in executie aplicatia capabila sa interpreteze
corect fisierele de tipul respectiv.
Exemplu:
<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>
|
Creare
si actualizare site