HTML

Enlaces 2

Imágenes como enlaces <a>

También es posible utilizar imágenes como enlaces. Para hacer esto utiliza el código siguiente:

<a href="http://es.barbie.com"><img src="images/barbie.jpg"> Barbie</a>


Colores de los enlaces <a>

Los colores de los vínculos pueden especificarse a través de las propiedades de la página, en la etiqueta <body>. Estos colores se asignan a través de los atributos link (vínculo), alink (vínculo activo), y vlink (vínculo visitado).

link permite determinar el color de los enlaces sin visitar (enlace que no ha sido pulsado ninguna vez).

alink permite determinar el color del enlace activo (enlace que acaba de ser pulsado).

vlink permite determinar el color de los enlaces visitados (enlaces que ya han sido pulsados).

Por ejemplo, al insertar el siguiente código:

...
<body link="#FF0000" vlink="#FF0099" alink="#FF9900">
...
<a href="http://www.google.com.mx">Google</a>
...

Mientras no se visite la página www.aulaclic.com, el enlace será de color rojo (#FF0000):

www.google.com

Mientras la página www.google.com sea la última visitada, el enlace será de color fucsia (#FF0099):

www.aulaclic.com

Cuando se haya visitado la página www.aulaclic.com, el enlace será de color amarillo (#FF9900):

www.aulaclic.com



EJERCICIOS:

1.- Elabora una página de Internet que contenga 10 enlaces de tipo imagen a 10 sitios diferentes. Para los enlaces solo utilizarás imágenes. No utilices textos en los enlaces.

2.- Elabora una página de Internet que contenga 10 enlaces con imagen y texto a 10 sitios diferentes.

3.- Elabora una página de Internet que contenga 10 enlaces con textos a 10 sitios diferentes. Cambia los colores de los enlaces con las instrucciones vistas anteriormente.

4.- Elabora una página de Internet que contenga 10 enlaces con imagen y texto a 10 páginas diferentes de tiendas o centros comerciales.

Cuando termines avisa a tu maestro para que te califique.



Profr. Pedro Manelich Osorio Montes