HTML básico: Criando links


Autor/fonte: Orbita Starmedia



Digg del.icio.us

Links são os pontos clicáveis do documento HTML que levam a qualquer outro documento da sua página ou site na Internet. Podemos fazer links internos, para documentos no mesmo servidor, links externos para qualquer lugar na Web, ou até mesmo links para um mesmo ponto dentro de uma página. Ambos dependem da tag:

<a href="nome-do-lugar-a-ser-levado">descrição</a>

Obs.:

. "Nome-do-lugar-a-ser-levado" você coloca o arquivo html que você quer que seja visitado, por exemplo dados.htm ou por um URL como http://www.starmedia.com;
. "Descrição" é o que vai aparecer sublinhado na home page indicando que pode ser clicado. Por exemplo, se a descrição fosse "Clique aqui para visitar a StarMedia", você colocaria este código:

<a href="http://www.starmedia.com">Clique aqui para visitar a StarMedia </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="mailto:seu email">Deixe um email para mim ! </a>

Dica: Se você quiser colocar um link para uma outra página dentro da sua home page, você não precisa colocar todo o endereço como http://orbita.starmedia.com/~seunome/pagina.html. Basta apenas colocar o nome do arquivo e, pronto, ficaria assim:

<a href="pagina.html">Este é um link para uma página no seu site </a>

Como fazer um link abrir em outra janela?

É possível que você queira colocar um link em sua página que abra em uma outra janela para que o visitante não saia do seu site, por exemplo, colocar um link para uma home page fora do site. Fazer isso é muito simples. Basta incluir um atributo "TARGET" (alvo), assim:

<a href="http://www.starmedia.com" target="_blank" >Clique aqui para visitar a StarMedia </a>

Se você clicar, será aberta uma nova janela. Há outras opções que podem ser colocadas como alvos, mas isso você verá mais adiante na seção de Frames, em HTML Avançado.

Como fazer um link para um ponto na mesma página?

É possível fazer com que clicando em um link você vá diretamente para uma determinada pate da página. Este recuso é chamado de Âncoras. Você pode saber mais sobre este recursos na seção "Avançado" na barra de navegação.

Como fazer uma imagem ter um link

Você pode fazer com que uma imagem possa ter um link. É bem simples. Na tag de link, em vez de colocar o texto com a descrição, coloque a tag de imagem. Veja:

<A HREF="nome-do-lugar-a-ser-levado"> <IMG SRC="nome do arquivo de imagem que vai aparecer"> </A>

Em "nome-do-lugar-a-ser-levado" você coloca o arquivo html que você quer que seja visitado, por exemplo, dados.htm ou um URL como http://www.starmedia.com. Em "nome do arquivo de imagem que vai aparecer" você deve colocar o nome correto da imagem que vai estar na página, por exemplo, "foto.gif".

Veja um exemplo de imagem com link:

<A HREF="http://www.starmedia.com/orbita"><img src="orbita.gif" width="100" height="75" alt="Esta imagem tem um link para a StarMedia Home Pages" border="1"></a>

Repare que, além da tag "comum" de imagem, colocamos outros atributos como "border=1" (borda da imagem) , tamanho e o texto alternativo. Tudo isso você aprendeu na seção "Incluindo imagens".

Como fazer links para download de arquivos

Para saber como fazer links para download de arquivos, você deve visitar a seção "Criar links para download" e descobrir todos os detalhes e dicas para criar os links.




Enviado por xKuRt em 29/09/2006 às 09:10


Avaliação

Avaliação desta publicação: 10.00; Total de avaliações: 1


Avaliar:


A avaliação de publicações é restrita a membros cadastrados e logados no nosso site.



Comentários

AvatarEnviado por eliascec em 30/11/2012 às 22:23

Esta dica ajudou muito em meu site

--
© NO Rip £¬.ª$


Envio de comentário:




  

Sexta, 19 de Dezembro de 2014




Top 5 membros

Últimos membros online

Últimos membros cadastrados



Capa do livro
Profissional e a Plataforma C# .Net


Capa do livro
Android em Ação


Capa do livro
Expressões Regulares: Uma Abordagem Divertida





Hostnet

IMD