Enlazar páginas
Para introducir el tema de
los enlaces vamos a empezar definiendo la sintaxis de la etiqueta de enlace que
más comúnmente se utiliza:
<a
href="">...</a>
Nota:
- En el lugar de
"..." se pone el texto de enlace que se verá en la página. Si la
página a la que queremos ir se llama uno, tendremos que poner <a href="uno.html">...</a>
- En los puntos suspensivos
pondremos la palabra o palabras que queramos que aparezcan en la web. Pro
ejemplo, si queremos que el link nos lleve a la página 1, podemos poner Página
1
Esta
etiqueta -con su atributo- sirve para crear un enlace hacia otra página; por
defecto la nueva página se abrirá en la misma página en la que se encontraba la
página que contiene el enlace. Veamos un ejemplo:
<a href="uno.html">Página
1</a>
Ejercicios:
-
Crea una hoja en el bloc de notas que llamarás “indice”.
-
En esa página copia y pega estos códigos (pero poner vuestros nombres en
el título, no el mío).
<html>
<title>
Página de Aingeru
</title>
<body>
Esta es la página de inicio
</body>
</html>
<title>
Página de Aingeru
</title>
<body>
Esta es la página de inicio
</body>
</html>
-
Crea otra página llamada “pagina uno” con
los mismos códigos que la página anterior, pero esta vez, dentro del
cuerpo de la página (body) poner “Esta es la página uno”.
-
Crear los links correspondientes para enlazar ambas páginas (mira la
teoría de hoy y pruébalo antes de pregutar!!!)
-
Pon en cada página un color de fondo diferente.