RSS

L10. Crearea legaturilor in HTML

23 Mar

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&#8221; 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&#8221; target =”_blank”> Link la DOCUMENT.PDF </a>
  • <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
 
Leave a comment

Posted by on 23/03/2012 in C1_3 Modul Internet

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: