---

Virtualnauta > Tutorial HTML > Enlaces - Vínculos - Links

HTML

Enlaces en HTML

<<< Ir al uso de caracteres especiales en HTML Ir al uso de frames en HTML >>>

---

¿Qué son los Enlaces o Links?

Los enlaces o links(en Inglés) nos permiten conectarnos con otros documentos:

• una imagen
• una película
• 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

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.

---

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".

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:

O en caso que el enlace está definido en el mismo documento:

---

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.

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.

---

Etiquetas y atributos de los enlaces

Etiquetas	Atributos	Valor	Descripción	Ej.
<a>			Define un vínculo
	href	URL	Dirección URL a conectar.
	hreflang	código de lenguaje	Especifica el lenguaje de la URL.
	name	nombre de sección	Para crear un marcapáginas dentro de un documento.
	rel		Especifica la relación entre el documento actual y el destino del vínculo.
		alternate
		designates
		stylesheet
		start
		next
		prev
		contents
		index
		glossary
		copyright
		chapter
		section
		subsection
		apendix
		help
		bookmark
		nofollow
	rev		Especifica la relación entre el destino del vínculo y el documento actual(vínculo inverso).
		alternate
		designates
		stylesheet
		start
		next
		prev
		contents
		index
		glossary
		copyright
		chapter
		section
		subsection
		apendix
		help
		bookmark
	coords	coordenadas	Especifica las coordinadas en donde se puede apretar.
	shape		Define la forma del area.
		rect	Usamos coords="izquierda, arriba, derecha, abajo"
		rectangle
		circ	Usamos coords="centro x, centro y, radio"
		circle
		poly	Usamos coords="x1, y1, x2, y2, .., xn, yn"
		polygon
	target		Indica donde abrir el URL.
		_blank	El URL se abrirá en una nueva ventana.
		_parent	El URL se abrirá en el frameset padre.
		_self	El URL se abrirá en el mismo frame donde fue apretado.
		_top	El URL se abrirá en una ventana de tamaño completo.
	type	tipo de contenido	Especifica el tipo de contenido a conectar.

Atributos estándard

Si desea una descripción completa, diríjase a: atributos estándard.

Eventos intrínsecos

Si desea una descripción completa, diríjase a: eventos intrínsecos.

---

<<< Ir al uso de caracteres especiales en HTML Ir al uso de frames en HTML >>>

    Virtualnauta provee del material para uso exclusivo de aprendizaje.
No garantizamos que el contenido sea correcto.
El riezgo por el uso del mismo queda bajo la entera responsabilidad del usuario.
Mientras use este sitio, usted acuerda haber leido y aceptado nuestros términos de uso y privacidad.

Copyright 2007 - 2009 by Martín Solomiak. Todos los derechos reservados.

webmaster@virtualnauta.com

Mapa del sitio