L10. Crearea legaturilor in HTML

Un link (legatura) este o trimitere de la un text sau imagine catre

• o pagina de web, locala sau de pe internet


• o locatie din aceeasi pagina (ancora, bookmark)

Linkuri

Tagul pentru linkuri este

<A HREF="link-url" [ REL="tip-rel"] [ REV="tip-rev"] [ TITLE="title-name"] [ TARGET=window|_blank|_parent|_self|_top]> text_legaturã </A>

Observatii:

• HREF= hyper-referinta, reprezinta adresa paginii care se va deschide


• TARGET= puteti specifica unde se va deschide noua pagina
  
  
  
  • window = indica fereastra in care se afiseaza; daca nu exista, va fi creata o fereastra cu acest nume
  
  
  • _blank=pagina se deschide intr-o fereastra noua
  
  
  • _parent= pagina se deschide in fereastra anterioara
  
  
  • _self=  pagina se deschide in aceeasi fereastra ca si documentul curent
  
  
  • _top= pagina se deschide in fereastra initiala
  
  
  
  

Exemple:

• <a href="exemplu1.html"> aici gasiti exemplul nr 1 </a>
  
  
  
  • fisierul exemplu1.html se deschide in aceeasi fereastra
  
  
  
  


• <a href="http://www.google.com" target ="_blank"> Cu acest link ajungeti la Google </a>
  
  
  
  • pagina Google se deschide intr-o fereastra noua
  
  
  
  


• <a href="albumfoto.html" > <img src="images/albumfoto.jpg"> </a>
  
  
  
  • imaginea albumfoto.jpg este buton (face trimitere) pentru pagina albumfoto.html
  
  
  
  


• <a href="http://www.acasa.com/pdfs/document.pdf" target ="_blank"> Link la DOCUMENT.PDF </a>
  
  
  
  • face trimitere la documentul document.pdf de la adresa http://www.acasa.com/pdfs/.
  
  
  
  


• <a href="mailto:aaa@bbb.com"> Email-ul meu</a>
  
  
  
  • link la email-ul aaa@bbb.com
  
  
  
  

Exercitii:

• Salvati pagina de la lectia IMAGINI cu numele model.html


• realizati linkuri de la fiecare buton catre o pagina cu acelasi nume
  
  
  
  • butonul Home catre index.html
  
  
  • butonul Album catre album.html
  
  
  • butonul Links catre links.html
  
  
  
  


• Salvati pagina model sub numele fisierelor de mai sus


• Completati fiecare pagina conform semnificatiei ei


• Vizualizati situl incepand cu index.html. Acesta este primul dvs site.

Ancore

Acest tip de link presupune marcarea unei zone ca destinatie.

1. sa marcam zona unde vrem sa sarim
   
   
   
   1. <A NAME="nume_zona"> text-denumire </A>
   
   
   
   


2. sa realizam trimiterea catre zona noastra
   
   
   
   1. <A HREF="#nume_zona"> text_legaturã </A>
   
   
   
   

Exemplu:

• daca in pagina prezentam o lucrare cu mai multe capitole, in dorinta de a nu pune utilizatorul sa gliseze pagina sus-jos intre cuprins si continut, ii punem la dispozitie un sistem de linkuri
  
  
  
  • dorim, ca la inceputul fisierului sa realizam un cuprins de genul "Titlul_lucrarii Capitol1 Capitol 2 Capitol3" cu legaturi catre fiecare capitol in parte.
  
  
  • la terminarea fiecarui capitol dorim un link (HOME) catre titlul lucrarii