1|2|3|4|5|6|7|8|9|10|11|12|13|14|15|16|17|18|19|20
 

 

Vínculos (Links)  

No hipertexto, as páginas se ligam umas as outras através de links.
Existem vários tipos de links:
...

  • Internos - para documentos de um mesmo site
  • Externos - para documentos de um outro site
  • Correio Eletrônico - para enviar mensagens através do gerenciador de e-mails
  • Âncoras - para seções específicas de uma página

Quando se cria um link é preciso definir o caminho entre o documento de onde parte o link até o que está sendo chamado. Esse caminho pode ser absoluto ou relativo:

  • Caminho absoluto - é usado para estabelecer um link a um documento em outro servidor, é preciso fornecer a URL (endereço) completa do documento que está sendo chamado. Por exemplo http://www.ccuec.unicamp.br/treinamentos/.
  • Caminho relativo - é usado para criar vínculos locais na maioria dos sites. É útil para estabelecer vínculos com documentos situados na mesma pasta ou em outra pasta do mesmo site, através de caminhos de estrutura das pastas. Nesse caso, coloca-se somente o segmento do caminho, não é necessário especificar a URL.


    Tomando como exemplo a estrutura do site bioderm:



    • Para criar um link entre o documento index.html e um documento (documento.html) que está na mesma pasta raíz - link: documento.html (coloca apenas o nome do arquivo)
    • Para criar um link entre o documento index.html e um documento (documento.html) que está dentro da sub-pasta empresa - link: empresa/documento.html (coloca a pasta e o nome do arquivo, separados pelo caracter /)
    • Para criar um link entre o documento index.html e uma imagem (imagem.gif) que está dentro da sub-pasta imagens - link: imagens/imagem.gif (coloca a pasta e o nome do arquivo, separados pelo caracter /)
    • Para criar um link entre um documento que está na sub-pasta empresa e uma imagem (imagem.gif) que está dentro da sub-pasta imagens - link: ../imagens/imagem.gif
      (sobe um nível na estrutura de pastas com .. e em seguida coloca a pasta e o nome do arquivo, separados pelo caracter /)
    • Supondo que tivessemos um documento dentro de uma sub-pasta pertencente a sub-pasta empresa, com um link para uma imagem (imagem.gif) que está dentro da sub-pasta imagens - link: ../../imagens/imagem.gif (sobe dois níveis na estrutura de pastas com ../.. e em seguida coloca a pasta e o nome do arquivo, separados pelo caracter /)

 

Para definir um link de correio eletrônico: coloque a expressão "mailto:" e em seguida o e-mail do destinatário, exemplo - mailto:fulano@uol.com.br.

Com relação as âncoras, veremos num dos próximos tópicos da apostila.