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