Menu

Links Externos

Uma das principais atrações da Internet é a apresentação de documentos com o conceito de hipertexto - ou seja uma página que se liga a outras por meio de conexões especiais chamadas hiperlinks.

Com esse conceito, você pode criar documentos que façam referência a outros, e permitam ao usuário acessar essas referências, não importando se estão em outra página da Web, no seu micro ou em qualquer outro servidor da rede.

Para dominar o uso do hipertexto, o programador HTML deve conhecer bem o funcionamento de dois comandos da linguagem: A HREF e A NAME. Este último estudaremos mais tarde.

O comando usado para criar um hiperlink é basicamente:

<A HREF="URL">Texto ou imagem</A>

O que é URL? URL é a abreviação de Uniform Resource Locator e serve para especificar o endereço de uma Home Page. É composta de duas partes principais. A primeira é o protocolo Internet do documento e a segunda é o endereço do servidor e da página. A sintaxe é:

protocolo://servidor.arquivo

Protocolo é o tipo de servidor que está sendo acessado. Pode ser http, ftp, goupher, etc.
Servidor é o computador que contém a página e arquivo. Pressupõe o caminho completo do arquivo.

Tomando como exemplo a minha página pessoal temos como URL: http://64.111.15.93/dicas/index.html. Onde http é o protocolo http://64.111.15.93/dicas/ é o servidor, e /Copacabana/2036/index.html é o campinho (path) do arquivo.

Este edereço também pode ser escrito na linha de URL do Browser, para acessar diretamente a página.

No exempo baseado no arquivo código-fonte abaixo mostramos a utilização desse recuros:

O conceito de hipertexto, permite que você crie documentos que façam referência a outros. Caso você queira conhecer a Home Page do

<A HREF="http://64.111.15.93/dicas/index.html">webmaster e criador</A> desse tutorial basta clicar na palavra grifada. Ou então clicar na figura abaixo. <P>
<CENTER>
<A HREF="http://64.111.15.93/dicas/index.html"><IMG SRC="icones/mylogo.gif"></A>
</CENTER><P>
Ao invés de mandar o usuário para uma outra Home Page você pode permitir que ele envie um <A HREF="mailto:infos@vas-y.com">e-mail</A>
para qualquer pessoa. Basta usar a opção <B>mailto:nome@endereco</B> no lugar da URL. <P>
Clique <A HREF="../links-ext.htm">aqui</A> para retornar a página anterior

Uma dica: Para omitir a borda da figura basta colocar a opção BORDER=0 dentro da tag <IMG>:

<IMG SRC="NomeDaFigura" BORDER=0>

Esta opção é usada nas setas e no Logotipo (abaixo) deste tutorial.

Forum
voltar Índice Próximo