ENLACES EXPLICACIÓN

Son sin duda alguna la característica que más ha contribuido, junto con la implementación de las imágenes al espectacular desarrollo de la Web (links).

Siendo uno de los elementos más importantes del HTML, puesto que permiten "navegar" (desplazarse y/o moverse entre los diversos documentos que componen un sitio o incluso entre diferentes sitios web) a esto se le llama hipertexto.

Los enlaces son tan importantes que dan nombre al propio lenguaje HTML, Lenguaje de Marcas de HiperTexto.

Un enlace es una referencia a otro documento HTML o a cualquier otro objeto, expresada por un formato universalmente aceptado denominado URL (Universal Resource Locator).

Ejemplo (1):

   <a href="htpp://wwww.gmail.coml">

       ir al la página de inicio del manual

  </a>

Visualización:

ir al la página de inicio de gmail

En prácticamente todas las páginas web, los enlaces son fácilmente reconocibles a simple vista, puesto que suelen ir diferente color al texto, subrayados y cuando pasamos el ratán por encima el cursor cambia de forma que suele ser una mano con un dedo señalador.

Los enlaces se generan mediante la etiqueta <a>...</a> (a de anchor, ancla en inglés). Irán acompañados siempre por un atributo ya sea:

<a href="..."> o <a name="...">

La sintaxis general de un enlace es por tanto de la forma:

<a href="destino"> Referencia</a>

<a name="destino"> Referencia</a>

Pudiendo la referencia un texto o una imagen. El destino podrá ser un página web, una dirección de correo electrónico o incluso un archivo.

Ejemplo (2):

 <a href="http://www.elmundo.es"> el mundo</a>

 <a href="www.gmailcom"> Página inicio google</a>

 <a href="enlaces"> enlace interno</a>

    

Visualización:

el mundo

Página Inicial del manual

enlace interno

En función del destino podemos clasificar los enlaces :

Enlaces internos: permiten desplazarse dentro de la misma página.

Enlaces locales: permiten desplazarse a otras páginas del mismo sitio web.

Enlaces remotos: los dirigidos hacia páginas de otros sitios web.

Enlaces a direcciones de correo: para crear un mensaje de correo dirigido a una direccián de correo especifica.

Enlaces a archivos: permiten a los usuarios puedan hacer descargar de ficheros.

Enlaces Locales: A otra página que pertence al Sitio Web

En este caso la dirección de la página URL se pondrá de forma relativa. Por ejemplo si tenemos tres páginas en el mismo directorio: pagina1.html, pagina2.html y pagina3.html y queremos desplazarnos de la pagina1.html a la pagina3.html escribiremos en la pagina1.html:

<a href="pagina3.html">Ir a la página 3 </a>

Con esto es suficiente, no hay que crear ningún marcador a no ser que quieras ir a un sitio concreto de la pagina3.htm. En ese caso tendrías que poner en el sitio adonde quieres llegar de la pagina3.htm

Enlace remotos: A una dirección de Internet

Deberemos escribir la dirección (URL) debe darse forma absoluta, es decir como se ve en el navegador, en la barra de direcciones.

Vease el siguiente ejemplo:

       <a href="http://www.elmundo.es">

             Ir al el periódico el mundo

       </a>

 Este enlace no llevará a la página principal de el periódico "el mundo".

Ir al el periódico el mundo

Enlace a una dirección de correo

Para realizar un enlace dirigido hacia una dirección de correo electrónico deberemos usar la instrucción mailto: en el atributo href del enlace, seguido de la dirección de correo a la que se debe dirigir el enlace.

        <a href="mailto: jorge_ferrer@gmail.com">

                   jorge_ferrer@gmail.com

        </a>

jorge_ferrer@gmail.es

Pulsando sobre el enlace se abrirá el programa de correo que tengas configurado, con esta dirección de correo como destinatario.

Enlace para descargar un fichero

Tendremos que poner la dirección (URL) la ruta donde está el fichero. Por ejemplo, para descargar un fichero de nombre manual_html.zip se deberá escribir el siguiente código:

       <a href="../manuales/manual_html.zip">

              manual_html.zip

        </a>

que se verá lo siguiente manual_html.zip. Al pinchar sobre este enlace se abrirá una ventana avisándote de una descarga de archivos y preguntándote qué deseas hacer. 

ACTIVIDAD

CREA UNA PAGINA WEB DONDE INCLUYAS MINIMO 5 ENLACES ADEMAS DE LAS ETIQUETAS VISTAS ANTERIORMENTE, COMO COLOR DE FONDO, TEXTO ETC.