El elemento img incluye una imagen en el documento, la
cual debe ser un recurso externo y siempre estar relacionada. El elemento img
no tiene contenido sólo atributos y está definido por la etiqueta <img> y no tiene
etiqueta de cierre. Ejemplo:
<img
src="http://www.logo.png" alt="Logotipo">
Al igual que el elemento source es un elemento vacío y
se cierra < />
En este elemento encontramos dos atributos
obligatorios, como vemos en el ejemplo,
src: Especifica la ubicación de ese recurso externo.
alt: No todos los navegadores muestran la imagen a la
que el elemento hace referencia. Es el caso de los navegadores no gráficos
(incluyendo aquellos usados por personas con problemas de visión), en dichos
casos la imagen será reemplazada por el texto entre comillas.
Otros atributos de esta etiqueta
Atributo |
Valor |
Descripción
|
No
soportados por HTML5, pueden ser sustituidos por CSS |
||
align |
topbottommiddleleftright |
El
atributo align específica la alineación de una imagen de acuerdo con el
elemento circundante. El elemento <img> es un elemento en línea (no
inserta una nueva línea en una página), lo que significa que el texto y otros
elementos pueden envolverlo. Por lo tanto, puede ser útil especificar la
alineación de la imagen de acuerdo con los elementos circundantes. No es
soportado en HTML5 |
border
(ya no se usa en HTML5) |
pixels |
Específica
el ancho del borde alrededor de una imagen. No es soportado en HTML5 |
hspace
(ya no se usa en HTML5) |
pixels
|
El
atributo hspace específica el espacio en blanco a la izquierda y derecha de
una imagen. |
vspace
(ya no se usa en HTML5) |
pixels
|
El
atributo vspace específica el espacio en blanco en la parte superior e
inferior de una imagen. |
Otros
atributos |
||
#mapname
|
El
atributo usemap especifica un mapa de imagen del lado del cliente |
|
longdesc |
URL
|
Especifica
una URL para una descripción detallada de una imagen |
ismap |
Especifica una imagen como un mapa de imágenes del servidor |
|
Atributos
obligatorios |
||
height |
pixels
|
Especifica
el alto de una imagen |
width |
pixels
|
Especifica
el ancho de una imagen |
alt |
texto
|
Las imágenes son elementos
visuales. El texto alternativo. Debe lograr el mismo propósito que la imagen.
|
