Hiperenlaces URL absolutas y relativas

Hiperenlaces
Es la utilidad básica del hipertexto, permite indicar zonas de texto o imágenes que
si son seleccionados por el lector del documento nos traslada a otros documentos
HTML o otras zonas del documento actual.
<A HREF=...> Hiperenlace
Son los enlaces con documentos externos al actual. En este caso se indicará una
URL que definirá el documento al que se accede si se sigue el enlace. La forma de
indicarlo será:
<A HREF="URL a la que se accede">Texto del Hiperenlace</A>
El texto indicado entre las etiquetas de comienzo y de fin se presentará de
forma resaltada y en el caso de seleccionar este texto el documento actual
cambiará por el especificado en la URL.
Igualmente se puede indicar una imagen como enlace, en este caso entre las
etiquetas del hiperenlace indicamos la inclusión de la imagen, también dentro de la
etiqueta del hiperenlace se pueden incluir cualquiera de las etiquetas del lenguaje
HTML para cambiar el aspecto del texto afectado por el hiperenlace. Un ejemplo
sería:
<A HREF="URL a la que se accede"><IMG SRC="Imagen"> y también
texto</A>
En este caso aparecerá la imagen con el borde resaltado para indicar que es un
hiperenlace.
URL absolutas y relativas
Absolutas
Conduce a una ubicación externa al sitio en el que se encuentra el documento.
Debemos iniciar el enlace con http://
Ejemplo:
<a href="http://www.curso.com">Curso de DW </a>
Relativas
Conduce a un documento situado dentro del mismo sitio (carpeta raíz) que el
documento
actual.
<a href="/sabados.htm">Curso los sábados</a>
Relativa al documento
Conduce a un documento situado dentro del mismo sitio que el documento actual,
pero partiendo del directorio en el que se encuentra el actual.
<a href="sabados.htm">Curso los sábados</a>
Puntos de ancla
Conduce a un punto dentro de un documento, ya sea dentro del actual o de otro
diferente. Para ello el vínculo debe ser
nombre_de_documento#nombre_de_punto".
<a href="sabados.htm#horarios">Curso los sábados</a>
Debe existir en el documento el punto de ancla con el nombre de horarios:
<a id="horarios">Estos son los horarios</a>
Destino del enlace
El destino del enlace determina en qué ventana va a ser abierta la página
vinculada, se especifica a través del atributo target al que se le puede asignar los
siguientes valores:
_blank:
Abre el documento vinculado en una ventana nueva del navegador.
_parent:
Abre el documento vinculado en la ventana del marco que contiene el vínculo o en
el conjunto de marcos padre.
_self:
Es la opción predeterminada. Abre el documento vinculado en el mismo marco o
ventana que el vínculo.
_top:
Abre el documento vinculado en la ventana completa del navegador.
Tipo de enlaces
•
•
•
•
•
<A> (si usan HREF)
<LINK>
<IMG>
<INPUT> (si tienen el atributo SRC)
<FORM> (con método GET)
El visor de HTML permite al usuario "navegar" por el contenido del documento y
solicitar la activación de hiperenlaces representados con elementos de tipo <A> y,
opcionalmente, los de tipo <LINK>.
Para activar un enlace, el cliente obtiene una representación del recurso
identificado por la dirección del anclaje, si lo que obtenemos es otro documento
HTML, la posibilidad de navegar comienza de nuevo con él.
Los hiperenlaces de elementos del tipo <IMG> e <INPUT> se suelen obtener a la
vez que se procesa el documento, es decir, los enlaces a imágenes se procesan sin
necesidad de que el usuario lo solicite, de modo que se pueden mostrar dentro de
la representación del documento HTML, en el lugar en el que aparecen
referenciados, es decir, donde esté el elemento <IMG> o <INPUT>.
Los hiperenlaces de tipo <LINK> también pueden ser procesados sin la intervención
del usuario; si, por ejemplo, se refieren a hojas de estilo, pueden ser procesados
antes o durante el proceso del documento.
Cuando en un elemento <IMG> aparece el atributo ISMAP, el elemento <IMG>
debe estar dentro de un anclaje de tipo HREF. Esta estructura representa un
conjunto de hiperenlaces.
Por ejemplo:
<a href="http://www/cgi-bin/imagemap"><img ismap src="menu.gif"></a>