Para inserir imagens em uma página HTML, é necessário utilizar a tag
![]()
. Essa tag permite que a imagem seja exibida na página, e pode ser adicionada em qualquer parte do código HTML.
A primeira coisa a se fazer é escolher a imagem que será inserida. É importante que a imagem esteja salva em um formato compatível com a web, como JPEG, PNG ou GIF. Além disso, é importante que a imagem tenha um tamanho adequado para a página em que será inserida, para que não fique desproporcional ou demore muito para carregar.
Para inserir a imagem, é necessário utilizar a tag
![]()
, que tem a seguinte sintaxe:

O atributo src indica o caminho da imagem, que pode ser um endereço na internet ou um caminho relativo no servidor em que a página está hospedada. Por exemplo, se a imagem estiver na mesma pasta que a página HTML, basta colocar o nome da imagem no atributo src, como no exemplo abaixo:

Já o atributo alt é utilizado para descrever a imagem em caso de problemas de carregamento ou para usuários com deficiência visual. É importante que o texto alternativo seja descritivo e explicite o conteúdo da imagem.
Além disso, é possível adicionar outros atributos à tag
![]()
, como o atributo width para definir a largura da imagem em pixels, e o atributo height para definir a altura da imagem em pixels. É importante utilizar esses atributos com cuidado, para que a imagem não fique desproporcional ou perca qualidade.
Também é possível adicionar um link à imagem, para que ela redirecione o usuário para outra página ou recurso. Para isso, basta adicionar o atributo href à tag
![]()
, como no exemplo abaixo:

Dessa forma, ao clicar na imagem, o usuário será redirecionado para a página destino.
Em resumo, a inserção de imagens em HTML é uma tarefa simples e importante para tornar a página mais atraente e informativa. Utilizando a tag
![]()
e os atributos adequados, é possível inserir imagens de forma fácil e eficiente.
7
Próxima página do Ebook Gratuito:
Links em HTML
Tempo estimado de leitura: 4 minutos