Un enlace externo es sistema que podemos usar en código HTML para invocar una página web haciendo clic sobre un texto o imagen dentro de otra página diferente.

La etiqueta que usaremos será:

<a href="dirección de la página web absoluta o relativa a la web actual"> texto del enlace </a>

Para la dirección absoluta usaremos toda la dirección incluido el protocolo correspondiente (normalmente http://). Así para poner un enlace desde nuestra página web a google escribiremos:

<a href="http://www.google.es"> Pincha aquí para ir a la página de Google </a>

Si deseamos que la nueva página se abra en una ventana nueva usaremos el atributo target="_blank" dentro de la etiqueta <a>.

Cuando hacemos enlaces internos usaremos las refernecias relativas:

1. Si el fichero a enlazar está en la misma carpeta que el actual (el que lleva el enlace), simplemente escribiremos su nombre incluida la extensión.
2. Si el fichero a enlazar se encuentra en una subcarpeta incluida en la misma ubicación que el fichero actual, escribiremos: href="nombreCarpeta/nombreFichero.html", escribiendo los nombres corrspondientes en cada lugar.
3. Si el fichero actial se encuentra en una carpeta diferente, para subir un nivel en directorios usaremos ../ por cada nivel a subir.

Ejercicio 9:

1. Realizar tres páginas web, dos de ellas guardadas en subcarpetas ubicadas en el mismo lugar que el fichero HTML principal.
2. El fichero principal se llamará index.html
3. La carpeta que contendrá los otros dos ficheros se llamará subcarpeta.
4. Los dos ficheros que ubicaremos dentro de subcarpeta se llamarán enlace1.html y enlace2.html
5. En cada uno de los tres ficheros creados pondremos enlaces a las otras dos páginas.
6. El título de cada una de las páginas será: Index: prueba de enlaces, enlace1: prueba de enlaces y enlace2: prueba de enlaces.
7. Guardaremos todo y esperamos a que la moodle del Centro esté disponible para subir los ficheros.

Ejercicio 10

1. Confencionar una página web con el editor de textos en la que incluiremos los 10 enlaces personales más habituales.
2. Los enlaces deberán llevar el logo correspondiente de la página que enlazamos, p.e.: si hacemos un enlace a google, incluiremos el logo de google.

Aquí tendremos cuidado de crear una carpeta en la misma ubicación que el fichero original que se llame imagenes (sin tilde) en la que guardaremos las imágenes a insertar en la página y tendremos en cuenta las normas para indicar dónde se encuentra el fichero a la hora de escribir el parámetro src de la etiqueta img.
3. Todos los enlaces se distribuirán en la página usando adecuadamenta las tablas.
4. Guardaremos el fichero con el nombre ejercicio10_misEnlaces.html
5. Esperaremos a que funcione la moodle del Centro para enviar el fichero.