AGOSTO 9

+ EN LA CLASE DE HOY EL PROFESOR EXPLICO ANCLAS ,HIPERVINCULOS
+HICIMOS UN BONUS PREMIUM

ANCLAS

Sirve para definir posiciones dentro de un documento y se puede usar como destino de hiperenlaces.
Para crear un ancla (anchor) se procede de la siguiente manera:
<A NAME="nombre_etiqueta">Texto del elemento ancla</A>
Visualmente est elemento no tiene niun efecto, pero si lo tiene en forma interactiva con el usuario.
Para hacer referencia al ancla o posición se hace el siguiente tipo de hiperenlace:
<A HREF="#nombre_etiqueta">Texto del hiperenlace</A>
De esta manera accederemos a la posición donde hayamos puesto el ancla
Por ejemplo al final de este documento hemos puesto la siguiente ancla:
<a name="final">Este es el final del documento!!</a>
Y para acceder a esa posición usamos el siguiente hipernlace:
<A HREF="#final">Vamos al final del documento</A>
Que se vería así:
Vamos al final del documento (clicklea el hiperenlace para ver lo que sucede!!)
usando #nombre_etiqueta estamos asumiendo que el ancla esta en el documento actual, o sea estamos usando un ruta relativa al documento.
Si queremos acceder a un ancla desde fuera del documento, usamos un enlace más completo donde se incluye el nombre del documento donde se encuentra el ancla:
<A HREF="anclas.php#final">Vamos al final del documento</A>
En nuestro caso este documento se llama anclas.php. El nombre del docuemnto se coloca siempre antes del signo gato (#).

La anclas son muy buenas por ejemplo para presentar un listado inicial, y cada elemento del listado se desarrolla a lo largo del documento, pudiendo enlazar con anclas las diferentes posiciones del documento donde se desarrolla cada elemento del listado incial.

TOMADO DE :http://www.bufoland.cl/cursoweb/html/anclas.php#siguiente

EJEMPLO DE ANCLAS Y HIPERVINCULOS

Cómo insertar Anclas HTML en las Páginas

Para que los visitantes naveguen de la forma más fácil y cómoda posible, te sugerimos que hagas primero una lista de capítulos antes de redactar los Términos y Condiciones. Básicamente, es como crear un índice de un libro.

Para hacerlo más claro, crea un índice del contenido al principio de la página.

Una vez tienes el texto preparado, ve a “Fuente HTML”.

Ve a la “Fuente HTML” del editor de textos.

Para conectar los enlaces en la página, cambia el código por el siguiente:

Para el capítulo:
<a href=”#Clausulas”>1. Cláusulas</a>

Para el párrafo al que deseas llevar al lector:
<a name=”Clausulas”>Cláusulas</a>

El Código Fuente con el Ancla insertada

Después de “Guardar”, ambas partes estarán conectadas.

Nota: “Cláusulas” antes de # significa que el enlace apunta a Términos y Condiciones (URL: http://mitiendaejemplo.webnode.com/terminos-). No escribas nada antes de la almohadilla o numeral si el ancla carga la página principal (mitiendaejemplo.webnode.es).

TOMADO DE

https://www.webnode.es/blog/2013/05/23/consejo-rapido-como-crear-anclas-en-html-para-tu-pagina-web/