etiqueta HTML <img>
Ejemplos
Cómo insertar una imagen:
Trate »
(Para más ejemplos, véase la parte inferior de la página)
Soporte para el navegador
Todos los principales navegadores soportan la etiqueta <img>.
definiciones de código e instrucciones
<Img> define una página HTML imágenes.
<Img> tiene dos atributos requeridos: src y alt.
Nota: Técnicamente, la imagen no se puede insertar en la página HTML, pero el enlace a la página HTML.Papel <img> es crear una imagen de marcador de posición se hace referencia.
Consejo: anidando la etiqueta <img> en la pestaña <a>, añadir a la imagen como enlace a otro documento.
Diferencias entre HTML 4.01 y HTML5
HTML5 no es compatible con los siguientes atributos: align, frontera, hspace, longdesc, vspace.
En HTML 4.01, los siguientes atributos: se alinean, frontera, hspace, vspace obsoleta .
Diferencias entre HTML y XHTML
En HTML, <img> tiene ninguna etiqueta final.
En XHTML, la etiqueta <img> debe estar cerrado correctamente.
propiedad
Nuevo: HTML5 nueva propiedad.
| 属性 | 值 | 描述 |
|---|---|---|
| align | top bottom middle left right |
HTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的文本来排列图像。 |
| alt | text | 规定图像的替代文本。 |
| border | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像周围的边框。 |
| crossorigin New | anonymous use-credentials |
设置图像的跨域属性 |
| height | pixels | 规定图像的高度。 |
| hspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像左侧和右侧的空白。 |
| ismap | ismap | 将图像规定为服务器端图像映射。 |
| longdesc | URL | HTML5 不支持。HTML 4.01 已废弃。 指向包含长的图像描述文档的 URL。 |
| src | URL | 规定显示图像的 URL。 |
| usemap | #mapname | 将图像定义为客户器端图像映射。 |
| vspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像顶部和底部的空白。 |
| width | pixels | 规定图像的宽度。 |
Propiedades globales
<Img> admite propiedades globales HTML .
Propiedades del evento
<Img> admite propiedades de evento HTML .
Trate - Ejemplo
Insertar imágenes desde diferentes ubicaciones
Este ejemplo demuestra cómo las diferentes imágenes de la carpeta o del servidor para mostrar páginas Web.
Crear un enlace de imagen
Este ejemplo muestra cómo utilizar la imagen como un enlace.
Crear mapas de imágenes
Este ejemplo muestra cómo crear mapas de imágenes con áreas se puede hacer clic. Cada una de estas regiones es un hipervínculo.
Artículos relacionados
Tutorial HTML: HTML Imágenes
Manual de HTML DOM Referencia: Objeto de Imagen