You are on page 1of 3

Los enlaces o links, Son sin duda alguna la caracterstica que ms ha contribuido, junto con la implementacin de las imgenes

al espectacular desarrollo de la Web (links). Siendo uno de los elementos ms 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.pcweb.es/index.html"> ir al la pgina de inicio del manual </a> Visualizacin: Enva a la pgina pcweb.es/index.html En prcticamente todas las pginas web, los enlaces son fcilmente reconocibles a simple vista, puesto que suelen ir diferente color al texto, subrayados y cuando pasamos el ratn por encima el cursor cambia de forma que suele ser una mano con un dedo se&ntoilde;alador. Los enlaces se generan mediante la etiqueta <a>...</a> (a de anchor, ancla en ingls). Irn acompaados 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 una pgina web, una direccin de correo electrnico o incluso un archivo. Ejemplo (2): <a href="http://www.elmundo.es"> el mundo</a> <a href="index.html"> Pgina Inicial del manual</a> <a href="enlaces"> enlace interno</a>

Visualizacin: el mundo Pgina Inicial del manual enlace interno En funcin del destino podemos clasificar los enlaces :

Enlaces internos: permiten desplazarse dentro de la misma pgina. Enlaces locales: permiten desplazarse a otras pginas del mismo sitio web. Enlaces remotos: los dirigidos hacia pginas de otros sitios web. Enlaces a direcciones de correo: para crear un mensaje de correo dirigido a una direccin de correo especifica. Enlaces a archivos: permiten a los usuarios puedan hacer descargar de ficheros.

Enlaces internos: A otro lugar del mismo documento


Este tipo de enlaces estn compuestos de 2 partes: 1. En el lugar a donde queremos <a name="enlaces _internos"> </a> desplazarnos, ponemos la siguiente etiqueta:

2. En punto el punto desde donde queremos ir, insertamos la siguiente etiqueta: <a href="#enlaces_internos"> ir al principio del punto </a> En este caso la direccin (URL) es sustituida por un marcador en la misma pgina. El marcador puede ser texto colocado en el lugar al que queremos saltar. No importa lo que sea ya que no se ver. Veamos un ejemplo para desplazarnos (1) En el lugar al cual queremos ir, pondremos: <a name="inicio_pagina"> </a> al inicio de esta pgina:

(2) Escribiremos en el lugar desde el que queremos saltar: <a href="#inicio_pagina">Ir al inicio de la pgina </a> Al pulsar sobre este enlace nos llevar al principio ir al principio de la pgina ya que fue all donde colocamos el marcador. de este punto:

<a name:inicio_pagina> </a>

ENLACES LOCALES: A OTRA PGINA QUE PERTENECE AL SITIO WEB


En este caso la direccin de la pgina URL se pondr de forma relativa. Por ejemplo si tenemos tres pginas 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 pgina 3 </a>

Con esto es suficiente, no hay que crear ningn marcador a no ser que quieras ir a un sitio concreto de la pagina3.htm. En ese caso tendras que poner en el sitio adonde quieres llegar de la pagina3.htm

Enlace remotos: A una direccin de Internet

Deberemos escribir la direccin (URL) debe darse forma absoluta, es decir como se ve en el navegador, en la barra de direcciones. Vase el siguiente ejemplo: <a href="http://www.elmundo.es"> Ir al el peridico el mundo </a> Este enlace no llevar a la pgina principal de el peridico "el mundo". Ir al el peridico el mundo

ENLACE A UNA DIRECCIN DE CORREO


Para realizar un enlace dirigido hacia una direccin de correo electrnico deberemos usar la instruccin mailto: en el atributo href del enlace, seguido de la direccin 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 direccin de correo como destinatario.

ENLACE PARA DESCARGAR UN FICHERO


Tendremos que poner la direccin (URL) la ruta donde est el fichero. Por ejemplo, para descargar un fichero de nombre manual_html.zip se deber escribir el siguiente cdigo: <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 avisndote de una descarga de archivos y preguntndote qu deseas hacer.

You might also like