![[HTML] Colocando um link em uma imagem Empty](https://2img.net/i/empty.gif)
Imagem com link
Introdução: Este tutorial explicará como colocar um link "dentro" de uma imagem. Ou seja, ao passar por cima da imagem poderemos clicar em cima e essa imagem nos redireccionará para uma página.
1º Escolhendo o link:
Código:
<a href="http://techmais.forumeiros.com/"></a>O link está escolhido agora resta nos escolher a imagem para realizar o efeito pretendido.
2º Escolhendo a imagem:
Código:
<img src="http://i.imgur.com/ZUtbzCO.gif">A imagem está escolhida, passaremos então para o efeito.
3º Unindo a imagem e o link:
Código:
<a href="http://techmais.forumeiros.com/"><img src="http://i.imgur.com/ZUtbzCO.gif"></a>Muito simples. Apenas colocar o [codebox]img (imagem)[/codebox] dentro do [codebox]a (link)[/codebox], e logo a imagem como link.
4º Resultado:
(Clique na imagem)
Código:
<a href="http://techmais.forumeiros.com/"><img src="http://i.imgur.com/ZUtbzCO.gif"></a>© Mais Info
Última edição por RafaelS. em Dom Fev 14, 2016 3:37 am, editado 1 vez(es)
