Link-uri HTML
Link-uri HTML
- HTML foloseste un hyperlink pentru a trimite spre un alt document de pe web.
Exemple
- Crearea hyperlink-uri
<html>
<body>
<p>
<a href="lastpage.htm">
This text</a> is a link to a page on
this Web site.
</p>
<p>
<a href="http://www.microsoft.com/">
This text</a> is a link to a page on
the World Wide Web.
</p>
</body>
</html>
Imagine cu rol de link
Acest exemplu demonstreaza cum poate fi utilizata o imagine ca link.<html>
<body>
<p>
You can also use an image as a link:
<a href="lastpage.htm">
<img border="0" src="buttonnext.gif" width="65" height="38">
</a>
</p>
</body>
</html>
Tag-ul Anchor si atributul Href
- HTML utilizeaza tag-ul <a> (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.
<a href="url">Textul care trebuie vizualizat in browser</a>
- Tag-ul <a> 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.
<a href="http://www.tutorialfree.com/">Vizitati Tutorialfree!</a>Linia de mai sus va arata in browser astfel: Vizitati Tutorialfree!
Atributul Target (Tinta)
- Cu ajutorul atributului target, puteti preciza unde anume documentul legat va fi deschis.
<a href="http://www.tutorialfree.com/"
target="_blank">Vizitati Tutorialfree!</a>
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.
<a name="label">Textul vizualizat in browser</a>
- Atributul name este folosit pentru a crea un anumit anchor. Numele anchor-ului poate fi orice fel de text vreti sa folositi.
<a name="tips">Sectiunea Sfaturi Utile</a>
- 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:
<a href="http://www.tutorialfree.com/index.php?numehtml=6#tips">Un hyperlink catre Sectiune Sfaturi Utile din fisierul "index.php?numehtml=6" va arata astfel:
Mergeti direct la Sectiunea Sfaturi Utile
</a>
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:
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: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.
Link-ul autorului:
www.avasilcaidaniel.com/
Comentarii
Voteaza acest articol!
Trimite un comentariu!
