As imagens são tags de linha que contrariam a regra, pois não dependem de uma outra tag para fechar.

Sua estrutura segue a seguinte sintaxe:

Atributos:

• src = “source” endereço do arquivo fonte
• alt = “alternate text” texto alternativo
• width = largura (valor em pixels)
• height = altura (valor em pixels)

Tipos de fonte para imagem

As imagens podem possuir fontes externas (outros websites) ou internas (no mesmo website). A diferença principal entre ambas é se o atributo “src” apontará para uma url completa ou apenas para o arquivo (e seu diretório, se for o caso).

Exemplos:

Apontando para uma imagem externa:

<img src="https://www.google.com/images/srpr/logo11w.png" alt="Google" width="538" height="190">

Apontando para uma imagem interna:

<img src="psy.gif" alt="Gangnam Style" width="500" height="270">

Ou para uma imagem interna localizada na subpasta local “imagens”:

<img src="imagens/psy.gif" alt="Gangnam Style" width="500" height="270">

Para baixar o arquivo zip com os três exemplos de imagem basta clicar neste link