sábado, 20 de enero de 2007

Cómo poner anclajes con HTML en tu Web

Poner anclajes o links de una palabra a otra en una página WEB es muy sencillo.

Primero se pone el "ancla" (nosotros le hemos puesto de nombre "ancla" pero se puede llamar como quieras, date cuenta que este nombre hace de identificador para el anclaje, así que cada anclaje tendrá que tener un nombre diferente):

<a name="ancla">Este es mi ancla </a>

Este es mi ancla


Luego se ponen los enlaces a nuestro ancla que estarán en cualquier parte del documento o del post:

<a href="#ancla">Enlace a ancla </a>

<a href="#ancla">Y esto también es un enlace a ancla </a>


Cuidado, porque si pongo el enlace desde otra página del blog no basta con poner el nombre del anclaje, hay que poner toda la dirección completa:

<a href="nombredelapágina.htm#ancla>Enlace a ancla desde otra página </a>

Y ya está.

....
....
....

bueno, ahora hay que probarlo...

....


....


y para eso hace falta espacio...
....


....


....


un poco más...

....


....
....

....

....







....



....

....

....



venga, un poco más...
....

....

....


ahora, dale!!!


Enlace a ancla

Y esto también es un enlace a ancla


¿funciona, no?

Bueno, una última cosa, ya sabeis, en Bloger para estas cosas mejor ni tocar la vista previa. Uno lo escribe en HTML y lo publica directamente.

4 comentarios:

  1. Buena ayuda.. gracias!!! aki te dejo otro poco mas para que completes la idea!

    si quieres ir a una ancla de una pagina y a esta pagina pasarle parametros por GET lo puedes hacer asi:

    < a href="pepe.php?param1=valor1#ancla1">

    ahi pasastes por GET (claro) el "param1" con el valor "valor1" y lo mandastes a que scrolleara hasta el ancla "ancla1" ..
    gracias!!

    ResponderEliminar
  2. ta chulo, pero una question... si quieres que la pagina suba? en vez de cargar la pagina directamente en el punto de anclaje? es decir
    como lo harias para que fuese como un ascensor... suba haciendo scroll vertical hasta el anclaje? como lo ves?

    ResponderEliminar
  3. Hola, debo decir que esta entrada marco a mi blog, es genial, nunca me huviera imaginado que iva a utilizar esto en mi blog, bueno, muchas gracias, tenía la duda si se podía hacer, le consulte a rosa, y rosa me dio un enlace a tu blog, bueno, muchas gracias!!!

    ResponderEliminar
  4. JOTA PARRO:
    A ESO LE LLAMAS EFECTO SLIDE, BUENO, TE RECOMIENDO UN BLOG, EL ESCAPARA TE DEROSA!!
    ESTA GENIAL, AHI CONSULTAS DE TODO, ES MUY BUENO, BUENO, TE DEJO EL ENLACE CLICK AQUI

    ResponderEliminar