menu-inline

Como transformar imagens em links

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

Unknown disse...

valeu

Unknown disse...

Valeu.

Fabio disse...

Simples mas muito util, obrigado!