Como fazer uma imagem virar link?

Por:

| 27 de abr de 2011

Neste tutorial estarei ensinando como criar um 'link imagem' ou 'imagem link' de modo que ao ser clicada a imagem, redirecione á algum endereço da web.
O código básico à ser usado é o seguinte:


<a href="endereço de destino"><img src="endereço da imagem hospedada na web"></a>


Em endereço de destino você coloca a URL para a qual a pessoa será direcionada ao clicar no link.
no endereço da imagem hospedada, você coloca a URL da imagem hospedada.

Sua 'Imagem link' ou seu 'Link Imagem' já está pronto!

Se quiser, pode acrescentar também um texto descritivo, que aparece ao passar-se o cursor do mouse sobre a imagem.
Para isso, acrescente alt="texto descritivo" (visualizado somente no Internet Explorer), devendo ficar assim:


<a href="endereço de destino"><img src="endereço da imagem hospedada na web" alt="seu texto descritivo"></a>


Caso queira que o link abra em uma nova janela e não na mesma, insira target="blank" junto ao código, devendo ficar assim:

<a href="endereço de destino"><img src="endereço da imagem hospedada na web" alt="seu texto descritivo" target="blank"></a>

Espero que tenham gostado!

Blogando Fácil
Gerador de Senha - Crie senhas mais seguras
- Topo