Como criar um link em uma imagem.

Linkando Imagens:

Na postagem anterior “Como criar um link em um texto” eu ensinei o código que é a raiz de todos estes links, ou seja, para linkar qualquer coisa você vai partir deste código:

<a href="</http://tonnybernardo.blogspot.com/”  target=”_blank”  title=”Antonio Bernardo”> mensagens inspiradoras</a>

Para linkar uma imagem, basicamente tudo o que você precisa é trocar a descrição do link que aparece na tela do seu computador (no nosso exemplo as palavras "mensagens inspiradoras") pelo endereço que vai se encarregar de mostrar a imagem.
Ou seja, o que vai aparecer na tela, ao invés de ser uma palavra, será uma imagem.

Resumo de tudo isto:

<a href="ENDEREÇO DA PÁGINA  QUE A IMAGEM IRÁ ACESSAR"><img src="ENDEREÇO EM QUE VOCÊ ARMAZENOU A IMAGEM"/></a

Vamos ver um exemplo prático:

<a href="http://tonnybernardo.blogspot.com.br/2017/02/excecoes.html"><img src="https://www.4shared.com/account/home.jsp#dir=mazITQki"></a>

Vamos por etapas:

"http://www.4shared.com/file/6KGvW0Ab/OMilionarioMoraAoLado.html":

"ENDEREÇO DA PÁGINA  QUE A IMAGEM IRÁ ACESSAR" - Este é o endereço que eu quero que o leitor acesse. É aqui que eu, neste caso, postei o meu livro.

<img src="http://dc388.4shared.com/img/G0EZEpYS/Download.gif">

"ENDEREÇO EM QUE VOCÊ ARMAZENOU A IMAGEM" - Este é o endereço em que eu fui buscar a imagem: (como você percebeu, eu armazenei estes inténs no 4shared, livro e imagem)

Vamos ver este exemplo na prática:

<a href="http://tonnybernardo.blogspot.com.br/2017/02/excecoes.html"><img src="https://www.4shared.com/account/home.jsp#dir=mazITQki"></a>

Este seria o resultado do link acima:

Ao clicar na imagem você será enviado para o local com o link abrindo em outra janela (target="_blank" ).

Em breve mais dicas.