terça-feira, 19 de abril de 2011

Programação em HTML - Definindo Links





Definindo Links em HTML

Para definir um link em HTML, você usa a tag
<a href + [endereço do link entre aspas] + >

Esta pequena tag com um elemento e um atributo é suficiente para construir links para onde você quiser.

Veja abaixo um exemplo de link para o Blog do Smartin:

<a href=”http://www.blogdosmartin.blogspot.com/”>Ir para o blog</a>

No navegador aparecerá assim:
Ir para o blog

Sobre a Tag:  O elemento “a” refere-se à “anchor” (âncora). O atributo “href” é abreviação para “hypertext reference” (referência a hypertexto) e especifica o destino do link – que pode ser um endereço da Internet ou ainda um arquivo.

Links entre as próprias páginas do site  

Para definir links entre as páginas de um mesmo site, você não precisa escrever o endereço completo de cada página.
Veja abaixo o exemplo de um link para a página denominada de “pagina2.htm”:

<a href=”pagina2.htm”>Aqui um link para a pagina 2</a>

Se a página estiver dentro de uma pasta (diretório), você tem de especificá-la na tag.
Suponhamos que a página 2 esteja dentro da pasta “Minhas Paginas”. Então, o código da tag ficaria assim:

<a href=”Minhas Paginas/pagina2.htm”>Aqui um link para a pagina 2</a>


Criando links internos (dentro da própria página)  

Para criar links internos, é preciso usar o atributo ID e o símbolo “#”.
Use o atributo id para marcar o elemento que é o destino do link. Veja:

<h1 id=”heading1”>Cabeçalho 1</h1>


Agora podemos criar um link que leve ao elemento “heading1” usando o símbolo “#” no atributo do link.
O símbolo “#” informa ao navegador para permanecer na mesma página.
Por exemplo:

<a href=”#heading1”>Link para o Cabeçalho 1</a>


Link para um endereço de e-mail  

Para criar um link para um endereço de e-mail você usa a cláusula “mailto” seguido do endereço de e-mail.
Funcionamento: Quando o link é clicado, o programa de e-mail padrão do usuário (Outlook Express, etc.) é aberto com o endereço do link já escrito na linha do destinatário.

Veja abaixo o exemplo de um link direcionado para o meu e-mail:

<a href=”mailto:samy_violaoebaixo@hotmail.com”>Enviar e-mail para SMartin</a>


O atributo TITLE  

Este atributo é usado para fornecer uma breve descrição do link. Se você apenas colocar o cursor do mouse sobre o link, vai aparecer uma caixa de texto com a descrição.
Exemplo:

<a href=”http://www.html.net/” title “Visite HTML.net e aprenda HTML”>HTML.net</a>

 Ao colocar o cursor do mouse sobre o link, vai aparecer o texto: “Visite HTML.net e aprenda HTML”.




2 comentários:

  1. Olá padrinho td bem.............estou te seguindo agora............abraço Cris

    ResponderExcluir
  2. Valeu pelo carinho.
    Seja bem-vinda!!!
    Fique com Deus...

    ResponderExcluir

Se você gostou deste artigo poste um comentário!

Observações:
1º) Somente usuários com conta no Google poderão publicar seus comentários aqui no Blog do SM@rtiN.
2º) Todos os comentários serão avaliados pelo administrador do blog para posterior publicação.
3º) Os textos com conteúdo impróprio, ofensas e palavrões serão automaticamente excluídos. Se houver reincidência, o acesso do usuário ao blog será bloqueado.

Obrigado!