<1> <2> <3> <4> <5> <6> <7> <8> <9> <10> <11> <12> <13> <14> <15> <16>

<8a> <8b> <8c> <8d> <8e>

Li��o 8c - Links para o mundo

Todos est�o se preparando para a nova corrida que vai se dar numa nova rodovia, a Information SuperHighway (Supervias de Informa��o). Aqui, ser�o mostrados como estender o uso de �ncoras para criar links para diferentes recursos na Internet.

Objetivos
  Criar uma �ncora para ligar a um s�tio Internet
  Rapidamente copiar a URL de um s�tio e us�-lo no seu documento.

 

Li��o

�ncoras para a Internet em HTML

O estabelecimento de um Link para um s�tio na Internet combina o que foi trabalhado anteriormente nas li��es Links para arquivos locais (Li��o 8a) com o que n�s aprendemos sobre URLs (Li��o 8b). O formato HTML completo de um link para um �tem na Internet e: 




     <a href="URL">Texto do link</a>

onde URL � a URL completa ou o endere�o para o �tem que o texto est� apontando. Texto do Link � o hipertexto que aparecer� sublinhado (geralmente em azul) em seu browser WWW. Quando um usu�rio clica no hipertexto, o browser WWW ir� apontar para o s�tio Internet indicado pelo URL. Lembre-se que um URL pode ser um link para outro servidor WWW, para um servidor Gopher, um s�tio FTP ou qualquer arquivo de texto, gr�fico, som ou v�deo em um servidor.

Agora, n�s iremos adicionar links para alguns s�tios Internet, e iremos buscar algumas informa��es. Siga as instru��es para adicionar o link no seu documento HTML:

  1. Abra seu arquivo jv1.html no editor de textos.
  2. No final do documento, ap�s todo o texto do cabe�alho "Servi�os de Hotelaria e Divers�o", acrescente um novo cabe�alho chamado "Surfando pela Internet". Insira o que segue: 
    
<h2><img src="bal_red.gif">Surfando pela Internet</h2>
  3. Digite o seguinte texto, ap�s o novo cabe�alho: 
    
Vamos agora fazer um passeio virtual pela Internet. 



<h4>Refer�ncias:</h4>

Selecione os links para iniciar sua viagem :
  4. Para incluir os links propriamente ditos, digite: 
    
<ul>

<li> <A HREF="http://www.utp.br/"> 

Servidor WWW da UTP</A>

<li> <A HREF="http://www.utp.br/lead">

Pagina do Prof. Ricardo O. Pereira</A>

<li> <A HREF="http://www.cade.com.br/">

Portal de busca Cadê</A>

</ul>

<p><hr>

    Note: O primeiro hiperlink aponta para o home page (p�gina WWW) da UTP, que traz v�rias informa��es sobre a Universidade, al�m de disponibilizar os demais servi�os Internet. O segundo � um link para o laboratório de ensino a distância do Prof. Ricardo. O terceiro link � para a home page do CADÊ.

  5. Salve o arquivo e recarregue em seu browser WWW.

 

Revis�o

  1. O que � um endere�o para um �tem Internet ?
  2. Que passos voc� deve seguir para criar um link para um s�tio Internet ?

Pr�tica Independente

Crie �ncoras que linquem o seu documento para alguns dos URLs que voc� descobriu.

 

A seguir...

Criando links que conectam com diferentes se��es de um mesmo documento HTML.

 

Página Inicial | Índice |