A un documento local
Una
liga es una zona de texto o gráficos que al ser seleccionados nos trasladan a otra página Web o a otro lugar dentro de la página actual. También es común llamarles
Hiperligas debido al propio lenguaje html.
HTML es el lenguaje con el que se desarrollan las páginas para Internet, y el
Hipertexto es una de sus características más fuertes. El
Hipertexto es la capacidad que posee una sección de texto, para enviar al usuario a otro documento. La diferencia con otros tipos de
Hipertexto es que los documentos a los que hace referencia pueden estar físicamente en otra parte del mundo o en el disco duro local.
Para colocar una
liga hay que utilizar la etiqueta: <A> y su correspondiente etiqueta de cierre </A>.
La letra A de la etiqueta proviene de la palabra ANCHOR que en español significa Ancla.
Todo lo que esté dentro de ambas etiquetas (<A> y </A>), ya sean texto o imágenes, serán considerados como ligas. En ambos casos la apariencia del texto o imagen seleccionado como liga sufrirá dos modificaciones:
1. Se visualizará de manera distinta en el navegador (Browser). El texto aparecerá subrayado y de un color distinto al del resto del texto, y las imágenes estarán rodeadas por un borde del mismo color que el determinado para el texto. Este último borde puede ser eliminado con los atributos de la imagen.
2. Al pasar el apuntador del mouse encima de la liga el gráfico del apuntador cambiará a una pequeña mano que apunta con el dedo índice. Al hacer clic sobre la liga, el navegador mostrará la página a donde hacía referencia la liga, o a una sección diferente de la página actual. Por ejemplo, al inicio, al final o a la mitad de la página.
Como las otras etiquetas de HTML que se han revisado, la etiqueta <A> también cuenta con un grupo de modificadores o atributos que permiten adaptar el comportamiento de la liga (hiperliga).
ETIQUETA PARA DEFINIR HIPERLIGA (LIGA)
<A
modificadores >....... </A>
Modificador Descripción del Modificador Href =
ubicación
Especifica la dirección de la página a la que hace referencia la liga, es decir, aquélla que será desplegada por el navegador después de hacer clic sobre la
hiperliga. Generalmente la
ubicación es un URL. Si se trata de una liga que apunta a una sección diferente de la página actual, la
ubicación será el nombre de ese fragmento de la página (nombre del ancla), más el símbolo # al inicio.
Name =
cadena
Identifica una sección de la página actual. Es usado en caso de hacer referencia a la página actual. La
cadena puede ser cualquier combinación de caracteres alfanuméricos sin espacios en blanco.
Target =
nombre Con este modificador se define la presentación del marco (frame) o ventana (window) en donde será desplegada la página a la que se hace referencia.
Title =
cadena La
cadena almacena un título para la página o fragmento de página que se desplegará.
En caso de que la liga haga referencia a una página local, se debe especificar la ubicación del archivo que contiene el código HTML de la página en cuestión. La sintaxis mínima para colocar una liga es la siguiente:
<A HREF ="
ubicación
"> Haz clic aquí para ver la página a la que se hace referencia
</A>
La
ubicación puede corresponder a la
ruta de un archivo (página) local, o a una
ubicación con formato
URL (Uniform Resource Locator) que puede estar en cualquier parte del mundo.
Ejemplo:
El siguiente fragmento de código HTML muestra una liga que hace referencia a una página local.
<HTML>
<HEAD>
<TITLE>Mi primera liga</TITLE>
</HEAD>
<BODY>
<P> Esta es la primera página que elaboro con una liga. Para ver a donde hace
referencia la liga se debe hacer clic más abajo.
<A HREF ="../especiales/pagina.html
"> Haz click aquí para ver la página </A>
</BODY>
</HTML>
Existen dos tipos de rutas para los archivos: rutas absolutas y rutas relativas.
a)
Las rutas absolutas proporcionan la ubicación del archivo comenzando desde la unidad de disco (o raíz para sistemas operativos como UNIX), pasando por las carpetas (directorios) y subcarpetas (subdirectorios) en donde el archivo se encuentra.
Ejemplo:
C:\windows\system\nombre del archivo.html (en Windows 95/98/NT)
/usr/local/httpd/html/nombre_del_archivo.html (en cualquier versión de UNIX).
b)
Las rutas relativas describen la ubicación de un archivo tomando como base el directorio actual de trabajo, es decir, proporcionan el camino que hay que seguir entre carpetas para poder llegar desde la carpeta actual (normalmente la carpeta que almacena la página que se está elaborando) hasta la carpeta en donde se encuentra la página que se desea visualizar.
Ruta Relativa de un archivo://****//
../directorio/subdirectorio/nombre_del_archivo.html (en Unix)
Ejemplo:
<A AREF="nombre_del_archivo.html"> liga a un archivo en el mismo directorio </A>
Ejemplo:
<A AREF="subdirectorio/nombre_del_archivo.html"> liga en un subdirectorio </A>
NOTA: no es recomendable el uso de rutas absolutas para representar la ubicación exacta de los recursos de cómputo que serán utilizados.
Dentro del mismo documento
Al principio de este capitulo se comentó que la etiqueta <A> proviene de la palabra ANCHOR que significa
Ancla. De modo que
ancla será el nombre de la sección de la página que se desea desplegar. Es posible acceder a cualquier parte de la página HTML; para hacerlo, primero debemos especificar las secciones en las que se divide la página. El parámetro
name sirve para marcar el inicio de una sección dentro de nuestra página.
<A NAME = "seccion1
"> Aquí esta el texto de la sección 1.
</A>
La sección se llamará
sección1. Para hacer un enlace a esta sección dentro de nuestra página lo haríamos de la siguiente forma.
<A HREF ="#seccion1
"> Haz clic aquí para ir a la primera sección de la página
.</A>
También podemos acceder a
anclas situadas en páginas remotas. Para ello añadiremos el nombre del
ancla al URL:
<A HREF ="http://www.unam.mx/manual_html/enlaces.html#seccion1**">
Ir a la primera sección de la página remota.</A>
7.2 A un documento en Internet
Es posible acceder a cualquier página Web, si se conoce el URL donde se localiza. Para acceder a una página remota por medio de una liga se debe proporcionar la dirección completa de la misma dentro de la etiqueta <A> utilizando el modificador href
.
Ejemplo:
<A HREF ="http://www.servidor.unam.mx/directorio/archivo.html**">**Este es el texto de la liga a un sitio remoto. </A>
Es posible indicar al navegador, la ubicación que deberá de tener la página a la que se hizo referencia, eso se logra usando el modificador target.
Ejemplo:
<A HREF ="http://www.servidor.unam.mx/directorio/archivo.html" TARGE
T= "_blank">
Este es el texto de la liga.</A>
En el último ejemplo, el navegador abre una nueva ventana de sí mismo, para desplegar la página Web contenida en "archivo.html". Existen más valores para el modificador target que permiten cargar la página en la misma ventana, en un marco (frame) distinto al actual, etcétera.
Los valores predefinidos para el modificador target son los siguientes:
· _top
Elimina todos los marcos existentes y muestra la nueva página en la ventana original sin marcos.
· _blank
Muestra la nueva página en una ventana nueva y sin el título del navegador.
· _self
Muestra la nueva página en el marco donde está declarada la hiperliga.
· _parent
Muestra la nueva página en el <FRAMESET> que contiene al marco donde se declara la hiperliga.
· Nombre_del_marco
Muestra la nueva página en el marco que se menciona en el parámetro "nombre_del_marco".
URLs
Un URL(Uniform Resource Locator) o Localizador Uniforme de Recursos, nos indica tanto una dirección de Internet como el servicio que esperamos nos ofrezca el servidor al que corresponde la dirección. Tiene el siguiente formato:
servicio://máquina:puerto/ruta_del_archivo/nombre_archivo donde el servicio
puede ser uno de los siguientes:
· http
Es el servicio usado para transmitir páginas Web y el que usaremos normalmente en las ligas.
· https
Es similar al anterior, y nos permite acceder a servidores (generalmente comerciales) que nos ofrecen el uso de técnicas de encriptación para proteger los datos que serán transmitidos a través de la red.
· ftp
Permite trasmitir archivos desde servidores de ftp
anónimo. Si solicitamos un directorio y no un archivo, en general el navegador se encargará de mostrarnos el contenido del mismo para que podamos escogerlo cómodamente. Utilizando la @ podremos acceder a servidores privados.
· mailto
Para poder mandar un mensaje. Por ejemplo, el URL "mailto:juan@servidor.unam.mx" enviaría un mensaje al usuario "juan" del equipo "servidor" de correo de la UNAM.
· news
Para poder acceder a foros de discusión (mal traducidos a veces como grupos de noticias). Se indica el servidor y el grupo.
La dirección de la máquina puede ser, o bien una serie de cuatro números entre 0 y 255 (132.248.120.29) o bien algo más fácil de recordar como es una serie de palabras separadas por puntos (www.unam.mx). El puerto generalmente no se indica, ya que el servicio proporcionado determina el número del puerto.
La ruta_del_archivo
es una cadena de directorios separados por el símbolo "/", que es utilizado en UNIX (el sistema operativo más extendido en los servidores de Internet).
Existe otro formato de URL. Cuando queremos acceder a un archivo situado en la misma máquina que la página Web que estamos creando podemos utilizar este formato:
ruta_relativa/archivo.html
En la ruta relativa podemos utilizar los dos puntos (..) para acceder al directorio padre.
Otra forma es comenzar con diagonal "/" para acceder a una ruta absoluta en la estructura de directorios de nuestro equipo local.
