Imagem com hiperlink no documento HTML

Como adicionar links às imagens HTML?

Utilize o elemento <a> em conjunto com <img> para criar elemento com hiperlinks. Especifique o atributo href com o link desejado. Vejamos a seguir:

<a href="difossauro.html">
  <img src="dino.jpg" height="150" width="150" alt="T-Rex">
</a>

Como fazer o link abrir numa outra página?

Para abrir o link em uma nova aba ou janela, utilize o atributo target com o valor _blank no elemento <a>. Veja o exemplo abaixo:

<a href="difossauro.html" target="_blank">
  <img src="dino.jpg" height="150" width="150" alt="T-Rex">
</a>

Os links das imagens seguem as mesmas regras de formação de links apresentadas em Tipografia/Hiperlinks.