HTML - Tag <img>
Descrição
A tag HTML <img> é usada para colocar uma imagem em um documento HTML.
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>HTML Tag</title>
</head>
<body>
<img src = "https://www.tutorialspoint.com/images/html.gif"
alt = "HTML Tutorial" height = "150" width = "140" />
</body>
</html>
Isso produzirá o seguinte resultado -
Atributos Globais
Esta tag suporta todos os atributos globais descritos em - Referência de Atributo HTML
Atributos Específicos
A tag HTML <img> também oferece suporte aos seguintes atributos adicionais -
Atributo | Valor | Descrição |
---|---|---|
alinhar | superior inferior meio esquerdo direito |
Obsoleto - especifica o alinhamento da imagem. |
alt | texto | Especifica o texto alternativo |
fronteira | píxeis | Obsoleto - especifica a largura da borda da imagem. |
origem cruzada | credenciais de uso anônimas | Ele permite que imagens de sites de terceiros que permitem o acesso de origem cruzada sejam reutilizadas com a tela. |
altura | pixels ou% | Especifica a altura da imagem. |
hspace | píxeis | Obsoleto - Quantidade de espaço em branco a ser inserido à esquerda e à direita do objeto. |
ismap | URL | Define a imagem como um mapa de imagem do lado do servidor. |
longdesc | texto | Obsoleto - especifica um URI / URL de uma descrição longa - pode ser elaborada em uma descrição mais curta especificada com o atributo alt. |
src | URL | o url de uma imagem |
usemap | #mapname | Define a imagem como um mapa de imagem do lado do cliente e usado junto com as tags <map> e <area>. |
vspace | píxeis | Obsoleto - Quantidade de espaço em branco a ser inserido na parte superior e inferior do objeto. |
largura | pixels ou% | Define a largura de uma imagem em pixels ou%. |
Atributos de evento
Esta tag suporta todos os atributos de evento descritos em - Referência de eventos HTML
Suporte de navegador
cromada | Raposa de fogo | IE | Ópera | Safári | Android |
---|---|---|---|---|---|
sim | sim | sim | sim | sim | sim |