Ejemplo
Cómo insertar una imagen:
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
Inténtalo tú mismo " Más "hacerlo por uno mismo" ejemplos a continuación.
Definición y Uso
La <img> etiqueta define una imagen en una página HTML.
La <img> etiqueta tiene dos atributos requeridos: src y alt .
Nota: Las imágenes no se insertan técnicamente en una página HTML, las imágenes están vinculadas a las páginas HTML.La <img> etiqueta crea un espacio para la celebración de la imagen de referencia.
Consejo: Para enlazar una imagen a otro documento, simplemente anidar el, <img> etiqueta en el interior <a> etiquetas.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <img> | Sí | Sí | Sí | Sí | Sí |
Diferencias entre HTML 4.01 y HTML5
Los following atributos: align, border, hspace y vspace no son compatibles con HTML5.
Diferencias entre HTML y XHTML
En el HTML <img> etiqueta tiene ninguna etiqueta final.
En XHTML del <img> etiqueta debe estar debidamente cerrado.
atributos
= Nuevo en HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| align | top bottom middle left right | No se admite en HTML5. Especifica la alineación de una imagen de acuerdo con los elementos que rodean |
| alt | text | Especifica un texto alternativo para una imagen |
| border | pixels | No se admite en HTML5. Especifica el ancho del borde alrededor de una imagen |
| crossorigin | anonymous use-credentials | Permitir que las imágenes de los sitios de terceros que permiten el acceso a través del origen para ser utilizado con la lona |
| height | pixels | Especifica la altura de una imagen |
| hspace | pixels | No se admite en HTML5. Especifica el espacio en blanco en la parte izquierda y derecha de una imagen |
| ismap | ismap | Especifica una imagen como del lado del servidor de mapas de imagen |
| longdesc | URL | Especifica una URL para una descripción detallada de una imagen |
| src | URL | Especifica la dirección URL de una imagen |
| usemap | #mapname | Especifica una imagen como del lado del cliente de mapas de imagen |
| vspace | pixels | No se admite en HTML5. Especifica el espacio en blanco en la parte superior e inferior de una imagen |
| width | pixels | Especifica la anchura de una imagen |
Los atributos globales
La <img> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <img> etiqueta también es compatible con la atributos de eventos en HTML .
Inténtelo usted mismo - Ejemplos
Insertar imágenes desde diferentes ubicaciones
¿Cómo insertar imágenes desde otra carpeta o desde otro sitio web.
Hacer un hipervínculo de una imagen
Cómo agregar un hipervínculo a una imagen.
Crear un mapa de imagen
Cómo crear un mapa de imagen, con regiones seleccionables. Cada región es un hipervínculo.
Páginas relacionadas
Tutorial de HTML: Imágenes HTML
Referencia HTML DOM: Objeto de Imagen
CSS Tutorial: Imágenes Styling
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <img> elementos con los siguientes valores predeterminados: