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 |