menu-inline

Como transformar imagens em links

  • 06 abril 2010 por Luiz Henrique Kuchnir
Esse é um dos primeiros códigos HTML que se aprende e um dos mais usados.
A tag "<img src=>" pode ser utilizada para postar apenas imagens ou para ancorar uma imagem com um link, como visto nos exemplos abaixo.

Postar somente imagens.

<img src="'Endereço da imagem'"/>
Exemplo:

Código:

<img src='https://lh4.googleusercontent.com/_gkCCEPUJN58/TW5r1dUg2mI/AAAAAAAABX8/IItIvKacvs4/linkar.jpg'/>

Resultado:

Linkar imagens

Transformar uma imagem em link.

Usamos a tag "<img src=>" junto com a tag "<a href=>" :
<a href="'Link Aqui'"><img src="'Endereço da imagem'"/></a>
Exemplo: (Link para a home do blog)
Código:

<a href='http://10calco.blogspot.com/'><img
src='https://lh4.googleusercontent.com/_gkCCEPUJN58/TW5r1dUg2mI/AAAAAAAABX8/IItIvKacvs4/linkar.jpg'/></a>

Resultado:

Linkar imagens

Se quiser linkar um palavra ou escolher onde o link abrirá acesse: Como transformar palavras em links.

Comentários 3 comentários

gilvan rocha disse...

valeu

Claudio Klaus disse...

Valeu.

Executive Motoboys disse...

Simples mas muito util, obrigado!