---

Virtualnauta > Manual HTML > Vínculos

Vínculos en HTML

---

¿Qué son los Vínculos?

Los vínculos nos permiten conectarnos con otros documentos(una imagen, una película, un archivo de sonido, etc.) o sitios en la web(otra página web).
Para ello debemos usar la etiqueta <a> que viene de la palabra anchor(ancla).
La etiqueta <a> tiene cierre </a>.

---

Veamos un ejemplo

Vamos a crear un vínculo hacia la home de Virtualnauta.com

La etiqueta <a> nos señala que es un vínculo. El atributo href indica la dirección donde nos conectaremos. El texto que está entre la apertura y el cierre es el texto que aparece en pantalla.

---

EL atributo target

Se utiliza para definir donde queremos que se abra el documento conectado.

El ejemplo de abajo abrirá el documento en una nueva página del navegador.

---

EL atributo name

Supongamos que definimos un destino de vínculo llamado "destino-uno" en el fichero "uno.html".

Esto crea un destino de vínculo alrededor del texto: "Esta es la localización del destino de vínculo número uno.".

Una vez definido el destino, podemos crear un vínculo a él desde el mismo documento o desde otro diferente, utilizando un carácter "#" seguido del nombre del elemento.

Por ejemplo:

O cuando el vínculo está definido en el mismo documento:

---

Creando un enlace a un email

Se utiliza en caso que queramos que un enlace mande un email.

mailto: nos indica la dirección email a la que va dirigida.

---

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 vínculos

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.

---

    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 - 2008 by Martín Solomiak. Todos los derechos reservados.

webmaster@virtualnauta.com

Mapa del sitio