Tutorial Basica De Html Hyperenlaces Parte 7

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.


Ejemplo:
<A href="http://www.comunidadestudiantil.net/"> Comunidad Tecnologica Estudiantil</A>

Se vera:
Pulse para ir a la página de Prehackers


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 [Tienes que estar registrado y conectado para ver este vínculo]
Lo mismo podríamos hacer con un gráfico.


Ejemplo:
Gran web sobre hacking en Internet:
<A href="http://usuarios.lycos.es/thecreature/creature-prehackers.gif">
<IMG src="yahoo.gif"></A>

Se vera como:
Gran web sobre hacking en Internet:

Pulsando sobre la imagen se accedería a la pagina situada en [Tienes que estar registrado y conectado para ver este vínculo]

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: [Tienes que estar registrado y conectado para ver este vínculo]">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="winzip.zip">Pulsa aqui para llevarte un ZIP.</A>

Pulsa aqui para llevarte un ZIP.

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="winzip.zip" onMouseOver="window.status='Este link copia el manual a tu disco duro'; return true;">Pulsa aqui para llevarte una copia del manual.</A>