HTML <img>Etiqueta
Ejemplo
Cómo insertar una imagen:
Pruébalo »
(Más ejemplos al final de la página)
Compatibilidad del navegador
Todos los navegadores principales admiten la etiqueta <img>.
Definición y uso de la etiqueta
La etiqueta <img> define una imagen en una página HTML.
La etiqueta <img> tiene dos atributos obligatorios: src y alt.
Nota:Técnicamente, la imagen no se inserta en la página HTML, sino que se enlaza a la página HTML. La función de la etiqueta <img> es crear un marcador de posición para la imagen referenciada.
Consejo:Al anidar la etiqueta <img> en la etiqueta <a>, se añade un enlace a otro documento para la imagen.
Diferencias entre HTML 4.01 y HTML5
Los siguientes atributos no son compatibles en HTML5: align, border, hspace, longdesc, vspace.
En HTML 4.01, los siguientes atributos: align, border, hspace, vspaceObsoletos.。
Diferencias entre HTML y XHTML
En HTML, la etiqueta <img> no tiene etiqueta de cierre.
En XHTML, la etiqueta <img> debe cerrarse correctamente.
Atributos
New: Nuevos atributos en HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| align | top bottom middle left right |
No compatible con HTML5. Obsoleto en HTML 4.01.Especifica cómo alinear la imagen según el texto circundante. |
| loading | eager: carga inmediata lazy: carga diferida |
Especifica si el navegador debe cargar la imagen inmediatamente o diferir su carga. |
| alt | text | Especifica el texto alternativo de la imagen. |
| border | pixels | No compatible con HTML5. Obsoleto en HTML 4.01.Especifica el borde alrededor de la imagen. |
| crossoriginNew | anonymous use-credentials |
Establece el atributo crossorigin de la imagen. |
| height | pixels | Especifica la altura de la imagen. |
| hspace | pixels | No compatible con HTML5. Obsoleto en HTML 4.01.Especifica el espacio en blanco a la izquierda y a la derecha de la imagen. |
| ismap | ismap | Especifica la imagen como mapa de imagen del lado del servidor. |
| longdesc | URL | No compatible con HTML5. Obsoleto en HTML 4.01.Apunta a una URL que contiene una descripción larga de la imagen. |
| src | URL | Especifica la URL de la imagen que se va a mostrar. |
| usemap | #mapname | Define la imagen como mapa de imagen del lado del cliente. |
| vspace | pixels | No compatible con HTML5. Obsoleto en HTML 4.01.Especifica el espacio en blanco en la parte superior e inferior de la imagen. |
| width | pixels | Especifica el ancho de la imagen. |
Atributos globales
La etiqueta <img> admite losatributos globales de HTML.。
Atributos de eventos
La etiqueta <img> admite losatributos de eventos de HTML.。
Pruébalo - Ejemplo
Este ejemplo demuestra cómo mostrar en una página web imágenes de otras carpetas o servidores.
Este ejemplo demuestra cómo usar una imagen como enlace.
Este ejemplo demuestra cómo crear un mapa de imagen con áreas en las que se puede hacer clic. Cada área es un hipervínculo.
Artículos relacionados
Tutorial de HTML:Imágenes HTML
Manual de referencia de HTML DOM:Objeto Image
Otras extensiones