Blog de Daiyiro

#BlogDeDaiyiro es sobre todo Bricolajes de Electrónica/Informática. ¡^-^¡

LO NUEVO:

12.10.13

8 - Edición En HTML - Hyperenlaces

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 ratón sobre el, se realzará la función 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 Se vería como
<A href = "http://daiyiro.blogspot.com.es"> <B> Pulse para ir a la página principal </B></A> Pulse para ir a la página principal



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://daiyiro.blogspot.com.es

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


Ejemplo Se vería como
Para buscar en Internet :
<A href = "http://www.yahoo.com/" >
<IMG
src = "http://l.yimg.com/rz/d/yahoo_frontpage_es-ES_s_f_p_101x50_frontpage.png"></A>
Para buscar en Internet :


Pulsando sobre la imagen se accedería a la pagina situada en:

http://www.yahoo.com/
 
Un Hyperenlace también 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 parámetro name.


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


Esta instrucción marca el inicio de una sección dentro de nuestra página. La sección 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 también:


<A href = "http://daiyiro.blogspot.com.es/carpeta/fichero.html#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:pepito@jotmail.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 = "tutorial.zip">Pulsa aquí para llevarte una copia del tutorial.</A>


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 dirección. Este parametro no funciona en todos los navegadores.


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

1 comentario:

  1. Este Curso de HTML tiene mucha miga, no tiene desperdicio, Gracias.

    ResponderEliminar