Como Colocar Links nas Imagens com o Atributo em Nova aba e Alt e Title Tags!

6.364 visualizações

Publicada em

Clique no link no primeiro slide, ou copie e cole no seu navegador: http://bit.ly/link-nas-imagens

Publicada em: Economia e finanças
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
6.364
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
5
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Como Colocar Links nas Imagens com o Atributo em Nova aba e Alt e Title Tags!

  1. 1. Clique aqui e veja na íntegra: Como Colocar Link nas Imagens com Atributos em Nova Aba e Alt e Title Tags! www.ficarricoonline.com Vinicius Souza
  2. 2. • Como Colocar Link nas Imagens com Atributos em Nova Aba e Alt e Title Tags!
  3. 3. 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.
  4. 4. • 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.
  5. 5. • 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.
  6. 6. 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:
  7. 7. <a href=“http://www.ficarricoonline.com/” target="_blank"><img alt="banner-ficar-rico- online“ src="http://img706.imageshack.us/img706/218 3/znxd.png" title="Banner do Ficar Rico Online" /></a></div>
  8. 8. • 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.
  9. 9. • Como Colocar Link nas Imagens com Atributos em Nova Aba e Alt e Title Tags!
  10. 10. • Veja com mais atenção no nosso blog, e aprenda de forma eficaz, a como trabalhar verdadeiramente online!

×