Obs: Para links externos se faz necessário o uso do “http” (Hypertext Transfer Protocol), já para links internos apenas o caminho para este arquivo.
Ex: LINK INTERNO= < a href=”foto1.jpg”>foto1< /a>
LINK EXTERNO = < a href=”HTTP://www.seusite.com.br/imagens/foto1.jpg”>Foto1< /a>
< h3> Ambos dependem da tag:< /h3>
< a href="arquivo.html">descrição< /a>
Também existem os links para fazer com que as pessoas enviem um email. Se você quer um lugar para os usuários deixarem um email, faça assim:
< a href="seuemail@tttt.com">Deixe um email para mim ! < /a>
Resultado: Deixe um email para mim!
Como fazer um link abrir em outra janela?
Simples "TARGET" (alvo), este é o comando para ordenar a forma que abrirá a página ao clicar-mos no link.
Seus Parâmetros:
“_blank” – Abre em outra pagina,
“_Self” – Obriga que qualquer página de retorno de um "form" seja carregada dentro da janela que o contém,
“_Top” - Obriga que qualquer página seja carregada na janela de maior nível, limpando qualquer janela de frame existente no momento,
“_Parent”- Obriga que qualquer página de retorno de um FORM seja carregada na janela que é a mãe da janela que contém o FORM, isto é, se a janela do FORM é parte de um documento que usa frames, ela será carregada na janela controlada pelo tag FRAMESET.
Ex:
< a href="http://www.google.com.br" target="_blank" >Google< /a>
O resultado é Google
Links Âncoras
São links estabelecidos para certas partes de uma mesma página ou de outra página qualquer, por exemplo, se você quer que um link vá direto para um texto que está no meio de uma página sem o visitante ter que descer a página. Por exemplo, clicando aqui você salta automaticamente para o fim da página.
Para o funcionamento de uma âncora deve-se estabelecer dois comandos:
. Um que defina o lugar da página para onde se pretende "saltar";
. Outro que identifique esse ponto de destino.
Links com âncoras para uma mesma página
Você pode fazer com que links saltem para determinados pontos de uma mesma página, facilitando a navegação. Veja como. Primeiro vamos definir o ponto de destino. Você deve incluir a seguinte tag exatamente no local onde quer que o link vá:
< A NAME="Coloque o nome da ancora aqui">< /A>
Obs.: NAME é um parâmetro que define um ponto de destino.
Agora você pode usar a tag de link "comum" para fazer o link saltar para o ponto onde você definiu:
< a href="#nome da ancora">Texto< /a>
Repare que há um símbolo "#" antes do nome da âncora. É ele que vai fazer o navegador entender que deve ir para a âncora que você definiu.
Links com âncoras para uma outra página
Agora digamos que você queira que o link vá para uma outra página e direto para um texto no final dela. Primeiro você deve incluir, na página de destino, a tag da âncora no ponto onde ela vai aparecer ela depois de clicar no link, e salvar a página. Em seguida, na página que terá o link, você deve construir a tag assim:
< a href="nome-do-lugar-a-ser-levado#nome da ancora">Texto< /a>
Em "nome-do-lugar-a-ser-levado" você coloca o URL ou a página html que vai ser mostrada e, depois do destino, o "#nome da ancora". Este nome de âncora deve ser o mesmo nome de âncora que você definiu na página de destino.
Você pode incluir quantas âncoras quiser em sua página, mas lembre-se de que cada uma deve ter um nome diferente.
Imagem como link
Vamos somar nossos conhecimentos adquiridos!!
Para isso iremos usar as tag < A href>LINK + < IMG>.
Como fazer? Na parte de LINKS aprendemos que ela tem a sua descrição, que é o texto que aparece em forma de link. A imagem ela irá no lugar do texto como se fosse a descição do link!
Vamos lá:
< a href="http://www.google.com.br" target="_blank">< img src="google.jpg" />
O resultado final é
