- una imagen
- un video
- un archivo de sonido
- sitios en la web(otra página web)
- mandar un email
Para ello debemos usar la etiqueta <a> que proviene de la primera letra de la palabra anchor(ancla).
La etiqueta <a> tiene como cierre </a>.
Veamos un ejemplo
Vamos a crear un enlace hacia la home de Virtualnauta.com
Código
<a href="http://www.virtualnauta.com/">La home de Virtualnauta</a>
La etiqueta <a> nos señala que es un enlace.
El atributo href="http://www.virtualnauta.com/" indica la dirección donde nos conectaremos.
El texto La home de Virtualnauta es el que aparecerá en pantalla.
La etiqueta </a> es la etiqueta de cierre.
EL atributo target
Se utiliza para definir donde queremos que se abra el documento al presionar sobre el enlace.El ejemplo de abajo abrirá el documento en una nueva página del navegador.
Código
<a href="http://www.vitualnauta.com/" target="_blank">La home de Virtualnauta</a>
EL atributo name
Este atributo se usa para definir una determinada ubicación dentro de la página.Supongamos que definimos un destino de vínculo llamado "destino-uno" en el archivo "uno.html".
...texto antes del destino de vínculo...
<a name="destino-uno">Capítulo 1</a> <!-- Definimos un destino en el Capítulo 1 -->
...texto después del destino de vínculo...
<a name="destino-uno">Capítulo 1</a> <!-- Definimos un destino en el Capítulo 1 -->
...texto después del destino de vínculo...
Esto crea un destino de vínculo alrededor del texto: Capítulo 1.
Una vez definido el destino, podemos crear un enlace a él desde el mismo documento o desde otro diferente, utilizando un carácter "#" seguido del nombre del elemento.
Por ejemplo:
<a href="http://www.misitio.com/uno.html#destino-uno">Ir al Capítulo 1</a>
O en caso que el enlace está definido en el mismo documento:
<a href="#destino-uno">Ir al Capítulo 1</a>
Creando un enlace a un email
Se utiliza en caso que queramos que un enlace mande un email.En el momento que presionamos dicho link se abrirá automaticamente el programa de email que tenemos definido por defecto.
Código
<a href="mailto:alguien@yahoo.com">Mandar email</a>
mailto: nos indica la dirección email a la que va dirigida, en este ejemplo: alguien@yahoo.com.
Un enlace a partir de una imagen
Muchas veces queremos usar una imagen como enlace a otro documento. Para ello debemos colocar la etiqueta <img> entre las etiquetas <a> y </a> en lugar del texto.
Código
<a href="http://www.google.com/"><img src="../graficos/google.gif"></a>
No hay comentarios:
Publicar un comentario