Neste primeiro passo de "ancoramento" ser� criado um link hipertexto para um segundo documento HTML. Estes links s�o chamados "locais" porque eles residem no mesmo diret�rio do documento de trabalho.
| Criar um link para um documento HTML no mesmo diret�rio do seu documento principal | |
| Criar um link para mostrar um gr�fico em uma janela externa (no caso de Mosaic) ou em uma janela pr�pria (no caso de Netscape) | |
| Criar um link para um arquivo em um diretorio diferente do documento principal |
A �ncora mais simples � aquela que abre outro arquivo HTML que reside no mesmo diret�rio que o presentemente sendo apresentado no browser. A sintaxe HTML para fazer isto �:
<a href="nome_arq.html">texto que corresponde ao link</a>
O nome_arq deve ser um arquivo texto HTML. O texto que aparece ap�s o primeiro > e antes dos s�mbolos de fechamento </a> ser�o o ponto de liga��o entre textos (hipertexto) que aparece (normalmente) sublinhado e em azul.
Siga estes passos para construir um link em seu documento para um arquivo local:
<ul>
<li>Barco Pr�ncipe de Joinville
<li>Cachoeiras do Vale Quiriri
<li>Castelo dos Bugres
<li>Parque Ecol�gico Morro do Finder
<li>Parque Zoobot�nico
<li>Turismo Rural
</ul>
Turismo Rural, para torn�-la um link:
<a href="trural.html">Turismo Rural</a>
O texto "Turismo Rural" ser� linkado ao segundo documento chamado "trural.html". Este arquivo ainda n�o existe; ser� constru�do nos passos seguintes.
<title>Turismo Rural - Joinville</title>
<h1>Turismo Rural - Estrada Bonita</h1>
Dista aproximadamente 23 km da cidade.<br>
Casas em estilo enxaimel, com jardins floridos e bem tratados em
frente �s varandas. Vales cortados por pequenos rios, e moldurados por
vegeta��o exuberante, natural ou plantada pelo colono, tendo como pano
de fundo a Serra do Mar.<br>
No local podem-se adquirir direto do produtor, v�rios produtos caseiros:
p�es, gel�ias, licores, biscoitos, melado, queijos, etc.<br>
Uma das regi�es mais bonitas � a da Ch�cara Morada do Sol.
trural.html no mesmo diret�rio que o arquivo HTML
principal (jv1.html) jv1.html em seu browser. Na li��o 7a, apresentamos como mostrar gr�ficos "inline" em uma p�gina WWW. Com um r�tulo de �ncora, voc� pode tamb�m criar um link para um arquivo gr�fico que aparecer� em uma janela externa. Os gr�ficos podem ser de diversos formatos como GIF, TIFF, JPEG, ou outros. Quando uma �ncora � selecionada, o arquivo gr�fico ser� carregado e o seu browser poder� ou apresentar a imagem ele mesmo (se ele "souber como" tratar aquele padr�o de imagem - GIF e JPEG, p.ex.) ou lan�ar (disparar) uma aplica��o externa (que saiba tratar o arquivo) que pode apresentar a imagem em uma janela externa.
A �ncora mais simples � para um arquivo no mesmo diret�rio do documento que est� sendo apresentado. O formato para criar um link hipertexto para um gr�fico � o mesmo do apresentado acima para linkar um documento HTML:
<a href="nome_arq.gif">texto que corresponde ao link</a>
onde nome_arq.gif � o nome de um arquivo de uma imagem GIF.
Siga estes passos para adicionar um link para um arquivo gr�fico no seu documento HTML:
trural.html no editor.
<title>Turismo Rural - Joinville</title>
<h1>Turismo Rural - <a href="trural1.gif">Estrada Bonita</a></h1>
Dista aproximadamente 23 km da cidade.<br>
Casas em estilo enxaimel, com jardins floridos e bem tratados em
frente �s varandas. Vales cortados por pequenos rios, e moldurados por
vegeta��o exuberante, natural ou plantada pelo colono, tendo como pano
de fundo a Serra do Mar.<br>
No local podem-se adquirir direto do produtor, v�rios produtos caseiros:
p�es, gel�ias, licores, biscoitos, melado, queijos, etc.<br>
Uma das regi�es mais bonitas � a da <a href="trural2.gif">Ch�cara Morada do Sol</a>.
trural.html e Recarregue no seu browser. Os r�tulos de �ncoras podem tamb�m linkar para um documento HTML ou arquivo gr�fico em um sub-diret�rio diferente daquele onde est� o arquivo que cont�m a �ncora. Por exemplo, algu�m pode querer manter todas as imagens em um diret�rio especial chamado imagens.
Para tanto, basta alterar os r�tulos de �ncora para refletir esta situa��o, como por exemplo:
<title>Turismo Rural - Joinville</title>
<h1>Turismo Rural - <a href="imagens/trural1.gif">Estrada Bonita</a></h1>
Dista aproximadamente 23 km da cidade.<br>
Casas em estilo enxaimel, com jardins floridos e bem tratados em
frente �s varandas. Vales cortados por pequenos rios, e moldurados por
vegeta��o exuberante, natural ou plantada pelo colono, tendo como pano
de fundo a Serra do Mar.<br>
No local podem-se adquirir direto do produtor, v�rios produtos caseiros:
p�es, gel�ias, licores, biscoitos, melado, queijos, etc.<br>
Uma das regi�es mais bonitas � a da <a href="imagens/trural2.gif">Ch�cara Morada do Sol</a>.
� poss�vel acrescentar links de qualquer parte do texto de um documento HTML para outros arquivos. O link pode aparecer dentro de listas ordenadas e n�o ordenadas, nos cabe�alhos de todos os n�veis, em textos em negrito, it�lico, e outros formatos, enfim, n�o h� problemas para incluir links por toda a parte do texto.
Crie um segundo documento HTML que usa os c�digos que voc� j� est� familiarizado. Crie uma �ncora que fa�a o link deste documento com o anterior e no documento antigo, fa�a um link para o documento novo.
Como usar o esquema WWW para linkar recursos da Internet aos seus documentos.