Atras Inicio Adelante

Hiperenlaces

La característica principal de una página Web es que podemos incluir Hiperenlaces. Un Hiperenlace 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 Hiperenlace 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 función de hiperenlace indicada por la directiva <A></A>. Si el Hiperenlace 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 Hiperenlace 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 Hiperenlace 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.hardlink.com/página.htm#seccion1">Primera Parte</A>

Un Hiperenlace 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 Hiperenlace 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 Hiperenlace de como resultado el envío de un correo electrónico a una dirección de correo determinada.

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

También podemos realizar un Hiperenlace 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.
<A href = "manualpapel.zip">Pulsa aqui para llevarte una copia impresa del manual.</A>
Pulsa aqui para llevarte una copia impresa del manual.

El parámetro onMouseOver permite que se muestre en la barra inferior del navegador un texto explicativo sobre el Hiperenlace, en vez de mostrar su direccion. Este parámetro 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