Clique aqui e veja na íntegra: Como Colocar Link nas Imagens com Atributos em Nova Aba e

Alt e Title Tags!www.ficarricoonline.comVinicius Souza

• Como Colocar Link nas Imagens com Atributos em Nova Aba e Alt e Title Tags!

Este é um ponto interessante, pois imagens com alt tags e title tags, costumam ajudar muito em blogs e sites na internet, pois eles dão um título e palavras chave para tal imagem. E sem dúvida, se deseja colocar um link na imagem, é importante se for sair do blog, adicionar o atributo de nova aba. Vamos entender um pouco sobre isto agora.

• Alt - Significa as palavras-chaves que podem representar tal imagem, para que caso alguém faça uma busca no Google, possa encontrar a imagem na qual você colocou a alt tag.

• Title - Significa o título da sua imagem, é importante definir dentro do título da sua imagem, uma palavra chave também.

• Para colocar link nas suas imagens, temos que entender um código de html, onde é representado uma imagem. Eu irei dar um exemplo, com um banner do ficar rico online, onde irei caracterizar, as alt tags, as title tags, o atributo para abrir numa nova aba, como colocar um link nela.

Veja o exemplo a seguir, se passares o mouse na imagem, você verá o título da imagem, e também no canto do seu navegador, o link para o qual está apontando, o código do banner ficou o seguinte:

<a href=“http://www.ficarricoonline.com/” target="_blank"><img alt="banner-ficar-rico-online“ src="http://img706.imageshack.us/img706/2183/znxd.png" title="Banner do Ficar Rico Online" /></a></div>

• Em Azul: O link para o qual a imagem irá apontar, veja que ela é aberta com <a href..., e fechada ao fim da imagem também com </a>.

• Em Vermelho: Usei target="_blank" para caracterizar que a imagem e o link na imagem, será aberto em nova aba. É opcional isto.

• Em Rosa: Já dentro do código html da imagem, adicionei a tag alt, como já expliquei nos parágrafos anteriores.

• Em Negrito: Incluí a tag title para caracterizar o titulo da imagem.

• Como Colocar Link nas Imagens com Atributos em Nova Aba e Alt e Title Tags!

• Veja com mais atenção no nosso blog, e aprenda de forma eficaz,

a como trabalhar verdadeiramente online!

WWW.FICARRICOONLINE.COM