TECNOLÓGICO DE MONTERREY CURSO DE PROGRAMACIÓN HTML BÁSICO Y CREACIÓN DE PÁGINAS WEB
DESCRIPCIÓN DEL CURSO
TEMA 2
TEMA 3
TEMA 4
TEMA 5
PREGUNTAS FRECUENTES
SITIIOS DE INTERÉS
GLOSARIO
INICIO
TEMARIO
TEMA 4: Formato avanzado del documento  
 
4.1 Tipos de Hiperligas

Anclas o Marcadores

Hemos visto los vínculos o ligas hacia otros documentos, de forma local o externa, sin embargo también existen ligas que apuntan hacia lugares precisos dentro del mismo documento que los contiene u otro. A esto se le conoce comúnmente como anclas (anchor), marcadores o apuntadores.

Las
anclas se utilizan comúnmente cuando deseas hacer referencias rápidas hacia tu misma página y siempre constan de dos partes: el punto de anclaje o ancla y la liga que busca a esa ancla.

Por ejemplo, cuando tienes un texto muy largo y deseas volver al inicio sin tener que utilizar los botones de desplazamiento, puedes colocar un ancla en la parte superior de la página, y una liga en la parte final del documento que apunte al ancla.

Cabe mencionar que las
anclas son elementos invisibles dentro de la forma visual del documento, ya que permanecen ocultas a simple vista pero están presentes dentro del código.

Primero que nada para definir un vínculo de tipo ancla, debes establecer el punto de anclaje, es decir, el lugar a donde va a llegar la liga. Generalmente el ancla se coloca cerca del lugar a dónde quieres que se dirija la liga.
La etiqueta que se utiliza en estos casos es:
<A name="**"></A>, donde ** es el nombre de el ancla. Recuerda que el ancla es invisible en el documento, sólo podrás verlo dentro del código.
Ejemplo:
<A name="marcador01"></A>
Como segundo paso, deberás crear una liga o enlace que apunte hacia el ancla, lo cual puedes hacer siguiendo los pasos de "Agregar ligas a un texto o una imagen" descritos anteriormente.
El formato del parámetro href, aparecerá de la siguiente manera:

<A href="#marcador01">...</A>

Repasemos la forma para crear un ancla, con este ejemplo:

ANCLAS anclas.html
<BODY bgcolor="#FFFFFF" text="#333333" link="#CC3300" vlink="#FF6600" alink="#CC3300">
<!--Este es el punto de anclaje o ancla-->
<A name="arriba"></A>
.... Texto y contenido de la página... Antes de finalizar aparece:
<!-Esta es la liga que va al punto de anclaje-->
<A href="#arriba">Regresar al t&iacute;tulo</A>
</BODY>

TIPS
Evita separar tus documentos html en distintas carpetas o fólders, porque puedes crear errores al ligar las páginas entre sí. Opta por colocar todas las páginas dentro del mismo directorio.
Si vas a usar la liga para hacer referencia a un archivo local, es necesario que selecciones "other" en el tipo de la liga. Si vas a hacer una referencia a un vínculo externo, es decir, hacia otro sitio dentro de la Internet entonces tendrás que seleccionar la opción "http://" en el tipo de liga.
 
 
TEMARIO