Cuando queremos enlazar desde nuestra página con otro documento que no está en el mismo ordenador, debemos utilizar la URL (Uniform Resource Locator) de ese documento, dirección que lo identifica plenamente en donde esté situado. Esa dirección URL tiene la siguiente sintaxis:
- http://<dirección del
servidor>/<directorio>/[<página>[<#marca>]]
En ella aparecen los siguientes conceptos:
http: Hypertext Transfer Protocol, que especifica de que tipo son los datos a transferir y qué protocolo de comunicaciones se usará para ello.
dirección del servidor: se trata del nombre con el que se identifica un determinado servidor en la red.
directorio: localiza la posición del documento dentro del servidor.
página : archivo HTML al que deseamos acceder.
marca: un indicador que hace que el cursor se coloque en un lugar determinado dentro del documento, no necesariamente al principio del mismo.
Debe saberse que si se omite el nombre del archivo HTML, el servidor intentará suplirlo con un nombre definido por defecto, que normalmente es INDEX.HTML . Es por este motivo que se recomienda que la primera página Web de un conjunto de ellas lleve ese nombre, a fin de evitarnos su especificación y produciendo su llamada automáticamente al entrar en el directorio en el que se encuentre.
Y respecto a los directorios hay decir que los indicaremos con la barra de dividir "/" en vez de con la antibarra "\" como es habitual. El motivo es que los servidores usan como sistema operativo Unix, que reconoce "/" como separador de directorios. Si seguimos haciéndolo como siempre, en nuestro ordenador funcionará perfectamente, pero no así cuando
coloquemos nuestra página en el servidor.
La escritura de estos enlaces externos en un documento HTML se hace igual que en el caso anterior de enlaces internos, escribiendo correctamente su URL. En cada uno de los tres ejemplos que se escriben a continuación se cierra la etiqueta </A> en un sitio diferente; debe observarse el efecto que ello tiene en la pantalla cuando se visualiza el documento.
- <!--
Ejemplo 7: enlaces URL
-->
- <HTML>
- <HEAD>
- <TITLE>
Ejemplo 7: enlaces URL
</TITLE>
- </HEAD>
- <BODY>
- <H1><CENTER><FONT COLOR="red">
- Algunos ejemplos de enlaces URL
- </FONT></CENTER></H1>
- <HR>
- <P><B>
- <A HREF="http://www.xtec.es"> P.I.E.:
</A>
http://www.xtec.es
- <BR>Programa d'Informàtica Educativa
</B>
- <P><B>
- <A HREF="http://www.arrakis.es/web.htm">
Arrakis: http://www.arrakis.es/web.htm </A>
- <BR>Página principal de la Web de Arrakis </B>
- <P><B>
- <A HREF="http://www.greenpeace.org">Greenpeace: http://www.greenpeace.org
- <BR>Página principal de Greenpeace </A></B>
- </BODY>
- </HTML>
Debe escribirse en un procesador de texto cualquiera (puede copiarse directamente desde aquí), grabarlo con el nombre que se quiera, sin formato (texto puro),
con la extensión HTM, y leerlo luego con un navegador. Se observará claramente la diferencia que hay entre el código fuente y lo que luego aparece realmente en la pantalla, muy influido por la posición de cierre de la etiqueta
</A>, y se probarán los enlaces definidos si se está conectado al servidor. Si se desea comprobar el resultado, puede hacerse aquí.