Linkuri HTML

[Pein]

• HTML foloseste un hyperlink pentru a trimite spre un alt document de pe web.
  

Exemple

• Crearea hyperlink-uri
  

Acest exemplu demonstreaza cum se construiesc link-urile intr-un document HTML.

Cod:





[url=http://help-forums.all-up.com/lastpage.htm]
This text[/url] is a link to a page on
this Web site.



[url=http://www.microsoft.com/]
This text[/url] is a link to a page on
the World Wide Web.


//                  var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
                  document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
                 //]]>
                 //                     try
                     {
                        var pageTracker = _gat._getTracker("UA-6105650-13");
                        pageTracker._setDomainName("none");
                        pageTracker._setAllowLinker(true);
                        pageTracker._trackPageview();
                     }
                     catch(err){}
                 //]]>


Imagine cu rol de link

Acest exemplu demonstreaza cum poate fi utilizata o imagine ca link.

Cod:






You can also use an image as a link:
[url=http://help-forums.all-up.com/lastpage.htm]
[img(65,38)]buttonnext.gif[/img]
[/url]


//                  var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
                  document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
                 //]]>
                 //                     try
                     {
                        var pageTracker = _gat._getTracker("UA-6105650-13");
                        pageTracker._setDomainName("none");
                        pageTracker._setAllowLinker(true);
                        pageTracker._trackPageview();
                     }
                     catch(err){}
                 //]]>

 

Tag-ul Anchor si atributul Href

• HTML utilizeaza tag-ul (anchor=ancora) pentru a crea o legatura spre un alt document.
  
  

• Anchor poate trimite catre orice resursa de pe web: o pagina HTML, o imagine, un fisier de sunet, un fisier video etc.
  
  

Syntaxa anchor este urmatoarea:

Cod:


[/url][url=http://help-forums.all-up.com/url]Textul care trebuie vizualizat in browser[/url]
 


• Tag-ul
  este utilizat pentru a crea o legatura, atributul href este
  utilizat pentru a trimite catre document de legatura, iar caracterele
  pozitionate intre inceputul si sfarsitul tagului anchor vor fi
  vizualizate ca hyperlink.
  
  

Acest anchor precizeaza o legatura catre tutorialfree:

Cod:


[/url][url=http://www.tutorialfree.com/]Vizitati Tutorialfree![/url]


Linia de mai sus va arata in browser astfel: [url=http://www.tutorialfree.com/]Vizitati Tutorialfree!
Atributul Target (Tinta)

• Cu ajutorul atributului target, puteti preciza unde anume documentul legat va fi deschis.
  

Linia de mai jos va deschide documentul intr-o fereastra de browser separata:

Cod:


[url=http://www.tutorialfree.com/]
target="_blank">Vizitati Tutorialfree![/url]


Tag-ul Anchor si atributul Name

• Atributul
  name este folosit pentru a crea un anchor denumit. Atunci cand folosim
  anchor denumit putem crea legaturi care pot sari direct la anumite
  sectiuni din aceeasi pagina, in schimbul folosirii de catre utilizator
  a barei de scroll pentru a gasi ceea ce cauta.
  

Mai jos este redata sintaxa unui anchor denumit:

Cod:


Textul vizualizat in browser


• Atributul name este folosit pentru a crea un anumit anchor. Numele anchor-ului poate fi orice fel de text vreti sa folositi.
  

Linia de mai jos reprezinta un anchor denumit:

Cod:


Sectiunea Sfaturi Utile

• Puteti
  observa ca un anchor denumit nu este afisat intr-un mod aparte. Pentru
  a crea legatura directa catre sectiunea "sfaturi", adaugati semnul # si
  numele anchor-ului la sfarsitul URL-ului:
  

Cod:


[url=http://www.tutorialfree.com/index.php?numehtml=6#tips]


Mergeti direct la Sectiunea Sfaturi Utile

Un hyperlink catre Sectiune Sfaturi Utile din fisierul "index.php?numehtml=6" va arata astfel:
Mergeti direct la Sectiunea Sfaturi Utile
Note generale - Sfaturi utile

• Adaugati intotdeauna semnul slash "/" la subdirectorul de referinta. Daca creati link-ul in felul acesta:
  

  Cod:

  
href="http://www.tutorialfree.com/html"

  ,veti
  genera doua chemari HTTP serverului, pentru ca serverul va adauga un
  slash la adresa si va genera o noua chemare in felul urmator:
  

  Cod:

  
href="http://www.tutorialfree.com/html/

• Tag-urile
  anchor denumite sunt deseori utilizate pentru a crea "tabel of
  contents" (cuprinsul) la inceputul unui document lung. Fiecarui capitol
  din cadrul documentului ii este atribuit un anchor denumit, iar
  link-urile acestor anchor sunt atasate in partea de sus a documentului.
  

• Daca un browser nu poate gasi un anchor denumit care a fost specificat, ramane la inceputul paginii. Nu sunt create erori.