Como abrir Link e Imagem em Nova "Aba" ou "Guia".

Uma dúvida frequente entre os novatos, é como colocar um link em um texto ou em uma imagem e fazer com que ele abra em uma nova janela ou em uma nova aba do navegador.

Usar esta prática pode ser interessante para manter o leitor mais tempo em nossos blogs, pois ele irá visualizar este conteúdo em uma outra aba e depois poderá retornar ao blog.

No Firefox funcionará com as abas e no Internet Explorer, com as janelas. Pra quem não sabe, uma aba abre ao lado da página onde estamos e uma janela abre em cima.

Para obter tal efeito, iremos utilizar os seguintes códigos:

Abrir link de um texto em nova aba

<a href="URL DO LINK" target="_blank">TEXTO</a>

Substituir URL DO LINK pelo endereço a ser direcionado e TEXTO pela palavra ou frase que irá receber o link.  Usaremos como exemplo o próprio Hacker Pimentel:

<a href="http://dicasblogger.blogspot.com/" target="_blank">Dicas Blogger</a>

Abrir imagem linkada em nova aba

<a href="URL DO LINK" target="_blank">

<img title="FRASE" alt="NOME" src="URL DA IMAGEM" /></a>

URL DO LINK substitua pelo endereço do link vinculado à imagem;

FRASE troque pela frase que irá aparecer quando alguém passar o mouse sobre a imagem;

NOME substitua pelo título da imagem;

URL DA IMAGEM substitua pelo endereço da imagem.

Usaremos como exemplo a imagem do passarinho do Twitter e o link do meu perfil lá:

<a href="http://twitter.com/hackerpimentel" target="_blank"><img
title="Me siga no Twitter" alt="Twitter"
src="http://lh3.ggpht.com/_EttevOw0KeE/Sc_54iERlbI/AAAAAAAAEr4/rtTNyyM4Weg/twitter.png" /></a>