Sunteți pe pagina 1din 1

HTML introducerea legturilor

1.

Elementul de legtur <a></a>


Acest element se folosete cnd vrem s crem legturi cu alte documente sau pagini web. Atribute:
href specific legtura sau referina este singurul atribut obligatoriu
title definete numele legturii aa cum apare in browser cnd trecem cu mouse-ul peste legtur
target stabilete dac pagina se deschide ntr-o fereastr nou
Exerciiul 1. Realizarea unei legturi reciproce ntre dou pagini aflate n acelai folder de lucru
1. Creai pe partiia D: un folder cu numele LEGATURI.
2. Scriei urmtorul cod ntr-un document Notepad pe care l salvai cu numele pagina1.html. n folderul LEGATURI.
<HTML>
<HEAD>
<TITLE>Legaturi</TITLE>
</HEAD>
<BODY bgcolor=yellow>
<H3 align="center"> Pagina 1 </H3>
<A href="pagina2.html"> Link ctre <B> PAGINA 2 </B> </A>
</BODY>
</HTML>
3. Scriei urmtorul cod ntr-un document Notepad pe care l salvai cu numele pagina2.html. n folderul LEGATURI.
<HTML>
<HEAD>
<TITLE>Legaturi</TITLE>
</HEAD>
<BODY bgcolor=red>
<H3 align="center"> Pagina 2 </H3>
<A href="pagina1.html"> Link ctre <B> PAGINA 2 </B> </A>
</BODY>
</HTML>
4. Vizualizai n browser pagina1.html.
Obs. Dac paginile se afl n foldere diferite va trebui s specificai calea complet.
Exerciiul 2. Realizarea unei legturi ctre pagini web externe
Scriei urmtorul cod ntr-un document Notepad i vizualizai n browser.
<HTML>
<HEAD>
<TITLE>Legaturi </TITLE>
</HEAD>
<BODY>
<H3 align="center"> Legaturi catre pagini externe </H3>
<A href="http://www.yahoo.com"> Link ctre <B> Yahoo.com </B> </A>
<br>
<A href="http://www.google.com" target=_blank> Link ctre <B> Google.com </B> </A>
</BODY>
</HTML>
Obs. Atributul target=_blank specific faptul c legtura se va deschide ntr-o fereastr nou.
Exerciiul 3. Operaia de descrcare a fiierelor (download)
Scriei urmtorul cod ntr-un document Notepad i vizualizai n browser.
<HTML>
<HEAD>
<TITLE>Legaturi </TITLE>
</HEAD>
<BODY bgcolor=red>
<H3 align="center"> Descrcarea fiierelor </H3>
<A href="http://lab.infobits.ro/pdfs/cd_programa_scolara.pdf title="Competente digitale">
Programa scolara </A>
</BODY>
</HTML>
Obs. Observai efectul atributului title (atunci cnd trecei cu mouse-ul peste legtur).

S-ar putea să vă placă și