Atras Inicio Adelante

Hyperenlaces.

La característica principal de una página Web es que podemos incluir Hyperenlaces. Un Hyperenlace es un elemento de la página que hace que el navegador acceda a otro recurso, otra página Web, un archivo, etc...

Para incluir un Hyperenlace se utiliza la directiva <A></A>. El texto o imagen que se encuentre dentro de los límites de esta directiva será sensible, esto quiere decir que si pulsamos con el raton sobre el, se realzará la funcion de hyperenlace indicada por la directiva <A></A>. Si el Hyperenlace esta indicado por un texto, este aparecerá subrayado y en distinto color, si se trata de una imagen, esta aparecerá con un borde rodeándola. Esta directiva tiene el parámetro href que indica el lugar a donde nos llevará el Hyperenlace si lo pulsamos.

EjemploSe veria como
<A href = "http://www.microsoft.com/"> Pulse para ir a la página de Microsoft</A> Pulse para ir a la página de Microsoft

Si situamos el ratón encima de la frase y pulsamos, el navegador accederá a la página Web indicada por el parámetro href, es decir, accederá a la página situada en http://www.microsoft.com/

Lo mismo podríamos hacer con un gráfico.

EjemploSe veria como
Para buscar en Internet :
<A href = "http://www.yahoo.com/" >
<IMG
src = "yahoo.gif"></A>
Para buscar en Internet :

Pulsando sobre la imagen se accedería a la pagina situada en http://www.yahoo.com/.

Un Hyperenlace tambien puede llevarnos a una zona de nuestra página. Para ello debemos marcar en nuestra pagina las diferentes secciones en las que se divide. Lo haremos con el parametro name.

Ejemplo:
<A name = "seccion1"></A>

Esta instrucción marca el inicio de una sección dentro de nuestra página. La seccion se llamará seccion1. Para hacer un enlace a esta sección dentro de nuestra página lo haríamos de la siguiente forma :

<A href = "#seccion1">Primera Parte</A>
O tambien :
<A href = "http://www.jet.es/mipagina.htm#seccion1">Primera Parte</A>

Un Hyperenlace puede hacerse a cualquier tipo de fichero. Con las directivas anteriores hemos visto como hacer enlaces a páginas Web o secciones dentro de una página web, pero podríamos hacer un Hyperenlace a un grupo de noticias, o a otro servicio de Internet.

Ejemplo:
<A href = "news://news.actualidad.es/">Noticias de actualidad</A>

Asimismo podemos hacer que el Hyperenlace de como resultado el envío de un correo electrónico a una dirección de correo determinada.

Ejemplo:
<A href = "mailto: luisfd@jet.es">Envíame tus sugerencias</A>

También podemos realizar un Hyperenlace a un fichero cualquiera. En este caso el navegador intentará "ejecutar" el fichero, y si no puede hacerlo nos preguntará si deseamos grabarlo en nuestro ordenador. Esta es una forma sencilla de permitir a los visitantes de nuestra página copiar ficheros a su ordenador.

Ejemplo:
<A href = "manual.zip">Pulsa aqui para llevarte una copia del manual.</A>
Pulsa aqui para llevarte una copia del manual.

El parámetro onMouseOver permite que se muestre en la barra inferior del navegador un texto explicativo sobre el Hyperenlace, en vez de mostrar su direccion. Este parametro no funciona en todos los navegadores.

Ejemplo:
<A href = "manual.zip" onMouseOver="window.status='Este link copia el manual a tu disco duro' ; return true;">Pulsa aqui para llevarte una copia del manual.</A>

Pulsa aqui para ver varios ejemplos de onMouseOver.


Atras Inicio Adelante