KioskeaKioskeaCommentCaMarcheRegistrate es gratis
Sábado, 17 de mayo de 2008 - 15:08:50

HTML - Vínculos de hipertexto


Introducción a los anclajes

Los vínculos de hipertexto o hipervínculos (anclajes) son elementos de una página HTML que, al hacer clic sobre ellos, permiten a los lectores navegar hacia una nueva dirección. (el hipervínculo aparece subrayado de forma predeterminada). Al navegar por la Web, los hipervínculos son los que conectan las páginas Web unas con otras. Se usan para dirigirse:

  • a otro punto en el mismo documento
  • a un archivo HTML en una ubicación diferente del equipo que aloja la página
  • a otro equipo
El principal atributo de los anclajes es href. Se escribe así:
<a href="Dirección o URL"> .. </a>

Vínculos externos

Un vínculo externo es un vínculo a una página *** mediante su dirección URL
. Por ejemplo:

<a href="http://www.commentcamarche.net">Comment ça marche? </a>

Vínculos locales

Un vínculo puede apuntar a una página ubicada en el mismo equipo, reemplazando la dirección URL con el archivo de destino.

Esta ubicación del vínculo puede definirse de forma relativa, describiendo el archivo de destino con relación al archivo fuente. Si el archivo fuente es "index.html" ubicado en el directorio principal puede escribirse un vínculo hacia él:

<a href="../index.html"> ... </a>

Este vínculo puede definirse de forma absoluta escribiendo la dirección del archivo de destino:

<a href="file:///drive:/directory/index.html"> ... </a>

Vínculos locales

También es posible crear un enlace a un punto dentro de una página, es decir, marcar un punto preciso en la página donde el hipervínculo llevará al lector. Los vínculos internos se definen con el atributo NAME o ID. La sintaxis siguiente debe usarse cuando desee que el destino sea:

<a name="vínculo_interno"> ... </a>

Este es el vínculo a esa ubicación:

<a href="#vínculo_interno"> ... </a>

Con estas etiquetas, puede permitir al usuario subir o bajar por la página, o acceder a una sección especial en otra página:

<a href="url/nombre_archivo.html#vínculo_interno"> ... </a>

Este documento intitulado « HTML - Vínculos de hipertexto » de Kioskea (es.kioskea.net) esta puesto a diposición bajo la licencia Creative Commons. Puede copiar, modificar bajo las condiciones puestas por la licencia, siempre que esta nota sea visible.