Enlaces
Sintaxis
<a atributo="valor">Texto del enlace</a>
Ejemplo | |
Vamos a crear un enlace hacia la home de Virtualnauta.com
| |
Código
<body><a href="/http://www.virtualnauta.com/">La home de Virtualnauta</a> </body> | |
Resultado
La home de Virtualnauta | |
EL atributo target
Se utiliza para definir donde queremos que se abra el documento al presionar sobre el enlace.
Ejemplo | |
Vamos a abrir el documento en una nueva página del navegador.
| |
Código
<body><a href="http://www.vitualnauta.com/" target="_blank">La home de Virtualnauta</a> </body> | |
Resultado
La home de Virtualnauta | |
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".
Supongamos que definimos un destino de vínculo llamado "destino-uno" en el archivo "uno.html".
Sintaxis
...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...
Y en otra parte de la página, del mismo sitio o de otro sitio, creamos un enlace a Capítulo 1. Para ello utilizamos el signo # seguido del nombre del enlace.
<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.
En el momento que presionamos dicho link se abrirá automaticamente el programa de email que tenemos definido por defecto.
Ejemplo | |
Código
<body><a href="/mailto: alguien@gmail.com">Mandar email</a> </body> | |
Resultado
Mandar email | |
mailto: nos indica la dirección email a la que va dirigida, en este ejemplo: alguien@gmail.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.
Ejemplo | |
Código
<body><a href="http://www.google.com/"><img src="/../graficos/google.gif"></a> </body> | |
Resultado
 | |
Comentarios
Publicar un comentario