Ejercicio paso a paso. Insertar un hiperenlace


Objetivo.

 

Practicar las operaciones que hay que realizar para insertar un hiperenlace.

 

1 Si no tienes abierto el Bloc de notas, ábrelo para realizar el ejercicio.

2 Abre el archivo inicio.htm, que debes tener en la carpeta ejercicios_html/animales.

Vamos a añadir un enlace a la página en Internet de aulaClic.

1 Escribe el siguiente código delante de la etiqueta </body>:

<p align="center">
<a href="http://www.aulaclic.com" target="_blank">
<b>
visita aulaClic
</b>
</a>
</p>

Con este código estarás insertando un hiperenlace a www.aulaclic.com, que será abierto en una nueva ventana (target="_blank"). En este caso hemos utilizado una referencia absoluta.

El enlace contendrá el texto visita aulaClic, que aparecerá en negrita (<b>), y centrado (align="center"). Observa como hemos anidado las etiquetas, siempre se cierra la última abierta.

2 Haz clic sobre el menú Archivo.

3 Haz clic sobre la opción Guardar.

4 Abre con tu navegador el documento inicio.htm que acabas de guardar, y comprueba que si te posicionas sobre el texto visita aulaClic el puntero del ratón se convierte en una mano y si haces clic (y estás conectado a Internet) se abrirá una nueva ventana con la página de aulaClic.

Vamos a cambiar ahora el color de los enlaces.

1 Si cerraste el archivo inicio.htm, abrelo para seguir con el ejericio:

2 Rectifica la etiqueta <body> para que quede así:

<body bgcolor="#99CC99" link="#CC0000" vlink="#CC0000" alink="#CC0000" >

Con este código estarás indicando que la página tiene el color de fondo verde (#99CC99), y el color de los enlaces rojo (#CC0000).

3 Haz clic sobre el menú Archivo.

4 Haz clic sobre la opción Guardar.

5 Abre con tu navegador el documento inicio.htm que acabas de guardar, y comprueba que obtienes una página como la que aparece si pulsas aquí. Fíjate que ahora el texto del enlace aparece en rojo.

   Inicio 


.