Guia Principiante de HTML - Como hacer referencias en un hipertexto

7 - Como hacer referencias en un hipertexto

Tutorial creado por Chato. Extraido de: http://www.tejedoresdelweb.com/307/article-1048.html
03 de Enero de 2007

La capacidad de hacer referencias en un hypertexto, es sin duda su capacidad más atrayente y práctica para poder entregar de mejor manera la información.

Clasificaremos las referencias o links en tres tipos:

  • Referencia a otra zona dentro del mismo documento.
  • Referencias a otros documentos.
  • Referencias a otra zona en otro documento.
Referencias dentro de un mismo documento

Es posible hacer referencias que lleven al usuario de una parte del documento a otra dentro del mismo documento con solo hacer click. Llamaremos a estas referencias referencias localesEstas referencias constan de dos objetos:

La referencia Corresponde a la zona en la cual el usuario hará click, para viajar a otra parte del documento. Esta zona aparece subrayada en el documento. Una referencia local se crea delimitando la zona con el comando <A href="#nombre"> ... </A>, en que nombre es la etiqueta que se está referenciando. El nombre referenciado Corresponde a la zona del documento a la cual el usuario llegará al hacer click en la referencia correspondiente. Esta zona no cambia sus atributos en el documento. Un nombre local se crea delimitando la zona con el comando <A NAME="nombre"> ... </A>, en que nombre es la etiqueta que asignamos a esta zona.

Ejemplo de referencias locales

<HEAD>
  <TITLE>Ejemplo 4 - Referencias locales</TITLE>
</HEAD> <BODY> <H2>Referencias locales</H2> <H3><A NAME="indice">Indice</A></H3>
<UL> <LI><A HREF="#uno">Sección uno</A>
<LI><A HREF="#dos">Sección dos</A>
<LI><A HREF="#tres">Sección tres</A>
</UL> <H3><A NAME="uno">Sección uno</A></H3>
<P>Click aqui para <A href="#indice">volver al índice</A>
<H3><A NAME="dos">Sección dos</A></H3>
<H3><A NAME="tres">Sección tres</A></H3>
<ADDRESS> \a{mailto:chato@chato.cl;chato@chato.cl}<BR>
Santiago, 1 Enero 2001 </ADDRESS> </BODY>

Como vemos, las referencias locales son muy útiles para crear índices al comienzo del documento.

Referencias a otros documentos

Para referenciar a otro documento, es necesario conocer la ubicación exacta del documento que se referenciará. Una ubicación, puede ser referenciada en forma relativa o absoluta

Ubicación relativa Se indica especificando la posición del documento en la estructura de subdirectorios a partir de la ubicación del documento actual. Sólo se puede usar para documentos ubicados en el mismo computador. Una referencia relativa a otro documento se hace usando el comando <A href="ubicación"> ... </A>

Ubicación absoluta Se indica especificando el URL (uniform resurce locator) de la página que se está referenciando. Los URL son una manera universal de especificar una dirección. La fórma más básica de referenciar un hypertexto es usar el comando <A href="http://computador/directorio/archivo"> ... . El computador indica la máquina donde se encuentra el documento. El directorio y archivo indican su posición dentro de ese computador. Los URL tienen muchas formas distintas para referenciar distintos objetos [ver descripción completa de los URL].>

Un ejemplo con referencias a otros documentos

<HEAD>
 <TITLE>Ejemplo 5 - Referencias a otros documentos</TITLE>
</HEAD> <BODY> <H1>Referencias a otros documentos</H1>

<H2>Referencias relativas</H2> <P>Se puede referenciar, por ejemplo, a un archivo localizado en el
mismo directorio, como por ejemplo, al <A href="ejemplo1.htm">ejemplo
número 1</A>. <H2>Referencias absolutas</H2> <H3>Algunos servicios WWW en Chile</H3>
<P>Elservidor WWW de la <A HREF="\a{http://www.uchile.cl/;http://www.uchile.cl/}">Universidad
de Chile</A> y el servidor de <A HREF="\a{http://www.chip.cl/;http://www.chip.cl/}">ChipNews</A>
para leer noticias de actualidad por InterNet</P>
<H3>Algunos servicios en el extranjero</H3>
<P>Para informarse de la actualidad mundial, se puede acceder al servicio
<A HREF="\a{http://www.cnn.com/;http://www.cnn.com/}">CNN</A>.
Para los amantes de la música se encuentra el servidor oficial de
la <A HREF="\a{http://mtv.com/;http://mtv.com/}">MTV</A> y para localizar
distintos tipos de información está <A HREF="\a{http://www.yahoo.com/;http://www.yahoo.com/}">Yahoo!</A>.</P>
<ADDRESS> \a{mailto:chato@chato.cl;chato@chato.cl}<BR> Santiago, 1 de Enero de 2001 </ADDRESS> </BODY>
Referencias a un lugar de otro documento

Para este tipo de referencias se utiliza una mezcla de las dos formas anteriores. Se indica el URL del documento a referenciar, luego un signo # y luego el nombre de la zona a referenciar.

Un ejemplo de referencia a un lugar en otro documento

<HEAD>
 <TITLE>Ejemplo 6 - Referencia a otro documento</TITLE>
</HEAD> <BODY> <H1>Referencia a un lugar en otro documento</H1>
<H2>Referencias especiales</H2> <P>Los comandos de referencia tienen muchas más aplicaciones</P>
</BODY>

3 opiniones

cuek

cuek
etnor2

muy poca informacion y mucha explicacion
etnor

esto no tiene nada pero nada de informaciòn que les pasa

Tutoriales relacionados con 'Guia Principiante de HTML'

Esta guía para el principiante incluye lo fundamental para aprender HTML, el lenguaje que se... Más »
Este documento describe cómo usar el sistema de spooling para impresoras de líneas que provee... Más »
El principal objetivo es introducir y discutir el modo principal[2] PSGML de Emacs y las... Más »

Autor y licencia de 'Guia Principiante de HTML'

Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.