viernes, 19 de febrero de 2016

Html III: enlaces a otros archivos y anclas

Hasta ahora hemos visto los enlaces para ir a páginas que se encuentran en otros ordenadores o servidores.
Tenemos otras posibilidades:

  • Página que se encuentran en nuestro ordenador.
  • Anclas

1.- Página que se encuentran en nuestro ordenador.
Para páginas que se encuentren en nuestro ordenador sería de la siguiente manera:
<a href= "capitulo1.html">ir al capitulo 1</a>
En el ejemplo de arriba, vemos que en vez de la url de la página, ponemos el nombre del archivo.


2.-Si la página es muy larga para evitar que la gente tenga que leer todo para llegar a la información que le interesa utilizamos anclas.

Las anclas se definen de la siguiente manera:

 <a name="capitulo1"> 

y para que en nuestra página se mueva hasta el punto indicado deberemos poner:

<a href="#capitulo1">Ir al capitulo1</a>

EJERCICIO 1:
haz el siguiente ejercicio utilizando las anclas y poniendo todos los textos en una sola página

EJERCÍCIO 2:
Crea el ejercício anterior en una sola página utilizando anclas. Para que la separación sea grande, introduce mas texto  copiándolo de la siguiente página o mete imágenes mediante la etiqueta <img src="url de la imagen">.
En esta práctica crea un indice que te envíe al inicio de cada capitulo, y en el final de cada capitulo un enlace que nos permita volver al inicio

Un saludo








No hay comentarios:

Publicar un comentario