View
6.270
Download
5
Category
Preview:
DESCRIPTION
Clique no link no primeiro slide, ou copie e cole no seu navegador: http://bit.ly/link-nas-imagens
Citation preview
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
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.
Recommended