tag HTML <img>

Anterior: tag HTML <input>

tag HTML <iframe>: Next

Exemplos

Como inserir uma imagem:

tente »
(Para mais exemplos, ver o fundo da página)

Suporte a navegadores

Todos os principais navegadores suportam a tag <img>.

definições e instruções tag

<Img> tag define uma imagem da página HTML.

tag <img> tem dois atributos necessários: src e alt.

Nota: Tecnicamente, a imagem não será inserido na página HTML, mas o link para a página HTML.tag papel <img> é criar uma imagem de substituição é referenciado.

Dica: aninhando tag <img> em guia <a>, adicionar à imagem de vincular a outro documento.

Diferenças entre HTML 4.01 e HTML5

O HTML5 não suporta os seguintes atributos: align, border, hspace, longdesc, vspace.

Em HTML 4.01, os seguintes atributos: alinhar, border, hspace, vspace obsoleto .

As diferenças entre HTML e XHTML

Em HTML, tag <img> tag não tem fim.

Em XHTML, tag <img> deve ser fechado corretamente.

propriedade

Novo: HTML5 nova propriedade.

属性	值	描述
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	规定图像的宽度。

Propriedades globais

tag <img> suporta propriedades globais HTML .

Propriedades de evento

tag <img> suporta propriedades de evento HTML .

Tente - Exemplo

Inserir imagens de diferentes locais
Este exemplo demonstra como diferentes imagens da pasta ou do servidor para exibir páginas da Web.

Criar um link de imagem
Este exemplo demonstra como usar a imagem como um link.

Criar mapas de imagem
Este exemplo demonstra como criar mapas de imagem com áreas clicáveis. Cada uma destas regiões é um hiperlink.

HTML etiqueta