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
 
4 Comments

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

 

4 responses to “L10. Crearea legaturilor in HTML

  1. Lia

    28/05/2013 at 10:19

    Am copiat intr-un fisier windows ceva de pe o pagina de internat. Ceea ce am copiat cuprinde si link-uri care se coloreaza automat in albastru, iar cind pun mausul pe unu, sageata mausului se transforma intr-o mina si facind clic ajung la pagina respectiva.
    Intrebarea mea este daca aceste link-uri functioneaza in ambele sensuri, adica nu doar de la fisierul meu windows spre acea pagina de pe internet ci si de acolo in fisierul meu si in general cit de protejat este continutul acestor fisiere de a nu fi citite de cineva nedorit.
    Am facut un curs de operare pe calculator in anul 2000, cind stadiu de operare era diferit de cel de acum, trebuia sa scriem efectiv anumite comenzi, internetul poate exista dar in proportie infima si cit stiu acum se datoreaza principiilor de functionare ale pc pe care le-am invatat atunci. Stiu de ex ca mi-a folosit ca atunci cind nu inteleg ceva sa inchid pagina de la x-l din dr sus. Pc am avut abia dupa 10 ani.
    Sper ca imi veti raspunde la intrebare si va multumesc.

     
  2. mchelariu71

    28/05/2013 at 14:55

    Presupun ca ceea ce s-a salvat este o pagina HTML, preluata de pe internet, dintr-un browser. Legatura aceea (link-ul) este unidirectionala, numai de la dvs catre serverul care memoreaza pagina tinta.

    Este posibil ca la accesarea acelei pagini, serverul incerce sa determine cine sunteti (IP-ul) si providerul dvs, ca la adresa http://whatismyipaddress.com/.

    Daca aveti cont pe serverul respectiv (il accesati pe baza de cont si parola) el va trimite calculatorului dvs un fisier (cookie) prin care va identifica in mod unic si a carui validitate se poate intinde pe diferite perioade de timp. Astfel, chiar daca accesati serverul, prin link, de pe un fisier al dvs, din cauza acelui cookie intrati automat in cont. Sigur vi s-a mai intamplat la conturile de email sau la cel de Facebook, daca a fost selectata optiunea “Remember…”.
    Sper sa va fi raspuns.

     
  3. Lia

    28/05/2013 at 16:40

    Da, am cont pe server pe care il accesez prin parola si intre timp am mai acumulat cunostiinte de operare, printe care si stergerea crookie-urilor : unelte, optiuni, confidentialitate, stergere.
    Legatura (link-ul) este unudirectionata este raspunsul la intrebarea mea.
    Va multumesc si va doresc succes in munca dv.

     

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: