Como Fazer Links

Bom, esse tutorial sobre links está dividido em várias partes, para você aprender tudo, desde como fazer um link normal à como configurá-lo no seu CSS!

1. Como Fazer um Link

Começando do começo :D! A tag do link é a <a></a>. O código completo pra um link mais simples é esse:

<a href="http://SEULINKAQUI">texto para o link</a>

Esse link vai ficar assim: texto para o link.

O problema desse link é que ele abre na mesma janela onde ele está. Claro que se isso for um link pra alguma página interna do seu blog, por exemplo, isso é bom, mas se você quer linkar algum outro blog, não vai querer perder um visitante, né? Então, aqui está a solução dos seus problemas!:

<a href="http://SEULINKAQUI" target="_blank" >texto para o link</a>

Esse link fica assim: texto para o link. Se você clicar, vai ver que abre em outra janela. Ohh *-*.

Bom, o seu link já tá todo super-poderoso, mas e se você quiser fazer uma espécie de legenda no link, sabe, como muitos blogs fazem nos créditos. Ex.: Imagens: x x x x (descance o mouse em cima).
Para fazer isso com os seus links, faça o seu código assim:

<a href="http://SEULINKAQUI" target="_blank" title="Blablabla" >texto para o link</a>

Agora você já tem um super-link que abre em outra página e que tem uma super-legenda! Mas perae. Provavelmente, o seu link ficou aquela coisinha horrorível azul com underline. Mas como você é uma pessoa que gosta muito do seu site/blog, não vai deixar os seus links assim!

2. Como Configurar o Seu Link no CSS

Se você é um(a) bom(boa) leitor(a), devese lembrar que a tag de link é a tag <a>. Portanto, abra o seu arquivo .css (ou a página onde você quer editar a aparência dos links).
Agora, adicione isso:

a {

}

A tag "a" vai redefinir a aparência do seu link. Pode mudar cor, fonte, tamanho, por ou tirar underline, por fundo, solte a imaginação!

Pra deixar o seu super-link ainda mais super, é legal editá-lo pra ele ficar de um jeito diferente quando você passa o mouse em cima. Para isso, adicione essa redefinição de tag:

a:hover {

}

Você tambem pode mudar o seu link pra ele ficar de outro jeito quando você clica nele (a:active) e pra quando ele já tiver sido visitado (a:visited).

3. Como Fazer um Link Abrir num Iframe

Eu já vi muita gente perguntar isso, por isso achei legal por. No código do seu iframe, coloque isso: name="blabla". O seu código ficaria parecido com isso:

<iframe name="blabla"></iframe>

Você pode (e deve xD) mudar o blabla para o que você quiser, desde que o que você quer seja com números e letras (sem acentos). Bom, agora, parte do link. Pra ele abrir no seu lindo iframe blabla, ponha esse código:

<a href="http://SEULINKAQUI" target="blabla" title="Link para o meu iframe lindo" >texto para o link</a>

Lembram do target="_blank"? É só trocar o _blank pelo nome que você deu ao seu iframe!

4. Como Fazer um Link Para um Email

É muito simples, é só usar esse código abaixo e trocar o você@dominio.com pelo e-mail desejado :)

<a href="mailto:você@dominio.com">texto do link </a>

Resumindo; é só adicionar um mailto: antes do endereço do email entre as aspas (" ") do href ;)



Se esse tutorial te ajudar, não esqueça de linkar (:
Tutorial por Vevis - Winter-Dream.com . Não copie sem autorização Dúvidas?