---

Virtualnauta > Manual HTML > Imágenes

Imágenes en HTML

---

¿Cómo insertamos imágenes en un archivo HTML?

Para insertar imagenes en un sitio usaremos la etiqueta <img>.

La etiqueta <img> es una etiqueta vacia, es decir que debemos utilizarla con el atributo src para que muestre la imagen.

La etiqueta <img> no tiene cierre.

---

Veamos un ejemplo

Si tenemos una imagen que se llama "foto1.jpg" ubicada en el directorio "www.virtualnauta.com/imagenes/"

---

Texto alternativo de la imagen

Se utiliza en caso que deseemos visualizar un texto aparte de la imagen.

Muchas veces el navegador no visualiza las imágenes, y este atributo nos ayuda a ver de que se trata la imagen.

---

Etiquetas y atributos de las imágenes

Etiquetas	Atributos	Valor	Descripción	Ej.
<img>			Define una imagen.
	alt Requerido	text	Breve descripción de la imagen.
	src Requerido	URL	Dirección URL de la imagen a mostrar.
	align Desaprobado	top	Alínea la imagen de acuerdo al texto circundante. Use CSS en su lugar.
		bottom
		middle
		left
		right
	border Desaprobado	pixels	Define el borde alrededor de la imagen. Use CSS en su lugar.
	height	pixels	Define la altura de la imagen.
		%
	hspace Desaprobado	pixels	Deja espacios en blanco a derecha e izquierda de la imagen. Use CSS en su lugar.
	ismap	URL	Define el mapa de la imagen del lado del servidor.
	longdesc	URL	La URL a un documento con una larga descripción de la imagen.
	usemap	URL	Define el mapa de una imagen del lado del cliente.
	vspace Desaprobado	pixels	Deja espacios en blanco arriba y abajo de la imagen. Use CSS en su lugar.
	width	pixels	Define el ancho de la imagen.
		%
<map>			Define el mapa de una imagen del lado del cliente.
	name	nombre único	Define un único nombre para la etiqueta <map>.
<area>			Define una región en el mapa de una imagen.
	alt Requerido	text	Breve descripción de la imagen.
	coords		Especifica las coordinadas en donde se puede apretar.
	href	URL	Dirección URL del área.
	nohref	true	Excluye un área en el mapa de la imagen.
		false
	shape		Define la forma del área.
		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.
<applet> Desaprobado			Permite incluir un applet Java en un documento HTML. Use <object> en su lugar.

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