18.6.09

Como inserir imagem no blog

Para inserir uma imagem na página Web, basta indicar o nome do arquivo dentro do tag <IMG>.

Suponhamos a imagem de nome aabaca.gif.
Dentro do tag <IMG> o endereço dessa imagem fica assim:
<img src="aabaca.gif">

Como vamos hospedar essa imagem em algum lugar, ela ganhará um link. Ficará mais ou menos assim:
"http://s359.photobucket.com/albums/ll163/teste/aabaca.gif"

Para que os buscadores identifiquem sua imagem, é importante acrescentar "alt" e "title" ao endereço dela. Assim, teremos:
<img src="aabaca.gif" alt="aabaca.gif" title="Aabaca">

Agora, vamos colocar o endereço para onde deve ir quem clicar na imagem. Escreva-o assim:
<a href="http://www.testandoseusite.com.br"><img src="aabaca.gif" alt="aabaca.gif" title="Aabaca"></a>

Veja bem: esse endereço não existe, é só para ilustrar o exemplo acima.

Se quiser que o site a ser visitado abra em outra janela, acrescente: target="_blank" logo após o endereço do site a ser visitado.

Aí, o código ficará assim:
<a href="http://www.testandoseusite.com.br" target="_blank"><img src="aabaca.gif" alt="aabaca.gif" title="Aabaca"></a>

Gostou??

Um comentário:

Parabéns. Muito obrigado por comentar.