Menu Principal

Categorias

1 usuários online.

Urls e Links

por: admin
Total visitas: 359
Palavras: 883

Até agora você aprendeu como criar documentos interessantes, mas que poderiam ter sido criados em um processador de textos.

O Principal atractivo da Internet é a criação de documentos com o conceito de hipertexto, ou seja , um documento que se liga a outros por meio de vínculos especiais chamados hyperlinks. Com esse conceito você pode criar documentos que façam referência a um endereço qualquer do computador ou da Web e permitam ao usuário ver essas referências, não importando se elas estão em outra página WEB, no seu PC ou em qualquer servidor da rede.

URL

A Internet usa uma nomenclatura específica para indicar o endereço de um documento. Chamada de Uniform Resource Locator (Localizador Universal de Recursos) ou URL, essa nomenclatura inclui três componentes. Ela deve conter o protocolo do documento, (como por exemplo http. Gopher ou WAIS), o endereço servidor e a localização do arquivo, usando a seguinte sintaxe:

Protocolo://servidor.NomeDoArquivo

http://www.hardcore.com.br/index.htm

http: É o protocolo

www.hardcore.com.br: É o nome do servidor

index.htm: É o nome do documento que será acessado.

Criando um Link com Arquivos Locais

Vincular um texto com uma página local é uma tarefa bastante simples. Você precisa apenas especificar o nome completo do arquivo que será chamado, utilizando o comando <A> de âncora. Veja a sintaxe básica deste comando:

<A HREF=”...”NAME”...”>caracteres</A>

Principais parâmetros:

HREF=”URL”	Especifica o endereço do URL ao qual o link está associado. Pode ser usado dentro e fora do documento.
NAME=”String”	Especifica o nome da seção de um documento à qual um link de hipertexto faz referência.

Usando uma Imagem como Hiperlink

Você pode usar uma imagem como hiperlink envolvendo-a com o comando <A></A>. Em vez de especificar um texto de hiperlink, você usa o comando <IMG> para colocar a imagem.

Vinculando Arquivos de outros diretórios

Você pode especificar o endereço de outros directórios usando um esquema de caminhos parecido com DOS. Existe uma diferença entre esses caminhos. Na Web você deve inverter a barra de espaços, usando a barra / no lugar da barra \, para separar directórios.

CRIANDO lINKS PARA SEÇÕES DE UMA PÁGINa

Para dominar o uso do hipertexto, o programador em HTML deve conhecer bem o funcionamento do comando <A> e dois de seus parâmetros da linguagem. Um é o <H HREF>, usado para criar o link em si, e o outro é o <A NAME>, que cria âncoras ou endereços de secções de um documento, permitindo seu endereçamento.

Criando uma Âncora

Para interligar uma página, você precisa criar uma âncora (também chamado de indicador em alguns editores de HTML) no inicio de cada secção do documento. Essa âncora recebe um nome que será mencionado pelo link que visualizará.

<A NAME=”#nome da âncora”>Texto Opcional</A>

Iremos criar agora uma página Web com exemplos de links e âncoras :

Neste código criamos primeiramente os links com as âncoras da página, e depois as âncoras, aproveitamos também e trabalhamos com inserção de imagens na página:

Enviando E-Mail diretamente da Página HTML

Você pode accionar o programa padrão de e-mail directamente de uma página HTML usando uma variação do comando <A>, que usa a opção MAILTO no lugar da URL.

<A HREF=”MAILTO:faleconosco@provedor.com”>Tire as suas dúvidas </A>

Definindo Destinos

Podemos também definir destinos para os nossos links,(recurso muito utilizado em frames) através do parâmetro target: . E podem ser _self: Mesmo quadro, _top: página inteira, _blank: nova janela e _parent: quadro pai.

<html>

<head>

<title>Links</title>

</head>

<body>

Links

<a href="http://www.microsoft.com">Microsoft</a>

<a href="http://www.macromedia.com">Macromedia</a>

<a href="http://www.adobe.com" target="_blank">Adobe</a>

<a href="mailto:suporte@sispt.com">e-mail</a>

<hr>

Criando as Âncoras

<a href="#textos">Textos</a>   <a href="#imagens">Imagens</a>

<a name="textos">TEXTOS</a>

      

<a name="imagens">IMAGENS</a>

<img border="0" src="entrar1.gif" width="150" height="50">

</body>

</html>

Sobre o Autor

Administração

Votação: Not yet rated

Comentários

Nenhum comentário adicionado.

Adicionar comentário

Não tem permissão para inserir comentários. Se fizer Log in, tem a possibilidade de comentar.