Etiqueta img HTML

Etiqueta de apertura: <img> Etiqueta de cierre: Prohibido

Definición

La etiqueta <img> incluye una imagen en el documento.

Esta imagen no es insertada tecnicamente en el documento, sino que se enlaza hacia el mismo.

Ejemplo

Código

Resultado

Posibles Atributos de la Etiqueta img

Referencias:
DTD nos indica en que DTD se permite cada atributo. S=Strict, T=Transitional, and F=Frameset.

: Internet Explorer : Firefox : Google Chrome : Opera : Safari

Atributos	Valor	Descripción	DTD
alt	texto alternativo	Requerido Especifica un texto alternativo para la imagen.	STF
src	URL	Requerido Especifica la dirección URL de la imagen.	STF
align	left	Desaprobado Especifica la posición de una imagen con respecto a su contexto.	TF
	right
	top
	bottom
	middle
border	píxeles	Desaprobado Especifica el ancho del borde de una imagen en píxeles.	TF
height	píxeles	Especifica la altura de la imagen.	STF
height	%	Especifica la altura de la imagen.	STF
hspace	píxeles	Desaprobado Especifica la cantidad de espacio en blanco a dejar a la derecha y a la izquierda de la imagen.	TF
ismap	ismap	Especifica una imagen como mapa de imagen del lado del servidor.	STF
longdesc	URL	Especifica un enlace a una descripción larga de la imagen.	STF
usemap	#nombre_del_mapa	Especifica una imagen como mapa de imagen del lado del cliente.	STF
vspace	píxeles	Desaprobado Especifica la cantidad de espacio en blanco a dejar arriba y abajo de la imagen.	TF
width	píxeles	Especifica el ancho de la imagen.	STF
width	%	Especifica el ancho de la imagen.	STF

Atributos Estándard de la Etiqueta img

Estos atributos son soportados por todos los navegadores
: Internet Explorer : Firefox : Google Chrome : Opera : Safari

Atributos	Valor	Descripción
class	nombre de la clase	Asigna un nombre de clase. El atributo class actúa: Como selector para las hojas de estilo(CSS), cuando se asigna información de estilo a un conjunto de elementos. Para procesos generales por parte del usuario.
id	nombre	Asigna un nombre a un elemento. El atributo id actúa: Como selector para las hojas de estilo(CSS). Como vínculo destino para vínculos de hipertexto. Como medio de hacer referencia a un elemento en particular desde un script. Como nombre de un elemento object declarado. Para procesos generales por parte del usuario.
style	estilo	Este atributo especifica información de estilo para el elemento actual.
title	nombre	Este atributo ofrece información consultiva sobre el elemento para el cual se establece.
dir	ltr o rtl	Especifica la dirección del texto. Valores posibles: ltr : De izquierda a derecha (left to right). rtl : De derecha a izquierda (right to left).
lang	código de lenguaje	Especifica el idioma base de los valores de los atributos y del texto contenido en un elemento. El atributo lang es útil para: Ayudar a los motores de búsqueda. Ayudar a los sintetizadores de voz. Ayudar al agente de usuario a hacer decisiones sobre separación de palabras, ligaduras, y espaciado. Ayudar a los verificadores de ortografía y gramática.

Eventos de la Etiqueta img

Los eventos son soportados por todos los navegadores
: Internet Explorer : Firefox : Google Chrome : Opera : Safari

Evento	Valor	Descripción
onkeydown	script	El script corre cuando se pulsa una tecla.
onkeypress	script	El script corre cuando se pulsa y se suelta una tecla.
onkeyup	script	El script corre cuando una tecla se suelta.
onclick	script	El script corre cuando se hace clic con el mouse.
ondblclick	script	El script corre cuando se hace doble clic con el mouse.
onmousedown	script	El script corre cuando el botón del mouse se pulsa cuando está encima de un elemento.
onmousemove	script	El script corre cuando el mouse se mueve mientras está sobre un elemento.
onmouseout	script	El script corre cuando el mouse se aparta de un elemento.
onmouseover	script	El script corre cuando el mouse se sitúa sobre un elemento.
onmouseup	script	El script corre cuando el botón del mouse se suelta cuando está encima de un elemento.

¿No encuentras lo que buscas?

ï»¿

Artículos

Los mejores 10 hostings

Buscando cual es el mejor hosting que existe en el mercado, me he topado con una gran cantidad de sitios que presentan un ranking de los 10 mejores hosting del mundo. Como cada uno tiene en su lista, diferentes empresas de alojamiento web, en un orden de ranking muy distinto, he decidido investigar cual era la mejor. continúe leyendo...

Búsqueda

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.

webmaster@virtualnauta.com

Mapa del sitio

HTML

Básico

Guías de referencia

Etiquetas HTML