ENLACES
Un enlace es una zona de texto o gráficos que si son seleccionados nos trasladan a otro documento de hipertexto o a otra posición dentro del documento actual. Siendo HTML el lenguaje de Internet, la diferencia que posee con respecto a otros tipos de hipertexto es que ese otro documento puede estar físicamente en la otra punta del planeta. Son los enlaces los que han contribuido en una mayor parte al desarrollo de internet.
Los links o enlaces nos permiten leer un documento de forma no secuencial, saltando de una parte a otra según nos interese.
A los enlaces tambiens se les conoce con el nombre de "link" o de "Anclas". Un link o ancla es un área de la pantalla, que puede contener una o varias palabras o una imagen, que es "sensible" al puntero del ratón, y al ponerlo sobre ella y pulsar el botón izquierdo el visualizador llamará a la página que tiene asignada el link.
Todo esto lo consigue el elemento (por Anchor, en inglés = ancla o punto de anclaje).
Existen tres tipos importantes de enlaces:
1.Enlaces dentro de la misma página.
2.Enlaces a nuestra direccion de correo.
3.Enlaces a una página fuera de nuestro sistema.
Enlaces dentro de la misma pagina
Este tipo de enlaces tambien es conocido como navegacion interna. Cuando una página contiene mucha información, es oportuno y hasta necesario establecer vínculos dentro de la misma página, para que el usuario encuentre la información que desea lo más rápido posible, en un solo clic. Este tipo de enlace se da cuando no queremos leer una pagina de forma secuencial, sino que la queremos leer por pedazos.
El punto de partida del vínculo (en donde el usuario hará clic) se escribe:
<A HREF= "#principio> Ir al principio</A>
Para que este tipo de enlaces funcione es indispensable el uso del caracter "#" seguido de la palabra a la cual queremos referirnos.
El punto de destino del vínculo (es decir, el lugar de la misma página al que será "transportado" el usuario tras el clic) también se delimita con unas etiquetas <A> y </A>, pero el atributo HREF cambia por NAME:
<A NAME="Principio">principio </A>
Lo que se encuentra en el medio de las directivas
<A HREF= "#principio>xxxx</A>,en este caso xxxx es la que va a aparecer subrayada en el navegador y es en esa parte que cuando el visitante haga clic que se va a transportar a la parte del documento que se hace referencia.
Enlaces a nuestra direccion de correo
La estructura en HTML es muy parecida a la de los hipervínculos descriptos anteriormente. Sólo hay que agregar la partícula "mailto:" en el contenido del atributo HREF.
Supongamos que queremos vincular la dirección alberto@facilnetl.net. Seria de
la siguiente forma:
Cualquier duda <A HREF=mailto:alberto@facilnet.net> mandame un email </A>
Y se verá en el browser:
mandame
un email
Imágenes como enlaces
Otra característica interesante de las imágenes insertadas es que permiten ser utilizadas como hipervínculos. Para esto, es necesario crear un enlace y en vez de encerrar el texto dentro la etiqueta <A> hay que encerrar una imagen.
Ejemplo:
<A HREF="http://www.microsoft.com"> <img src="computer.jpeg" alt="Click aqui para comprar una computadora"> </A>
Resultado:
Tambien podemos enlacer una imagen con nuestra direccion de correo electronico.
Ejemplo:
<A HREF=mailto:facilnet.net ;img src="mail.gif"
alt="Click aqui para mandarme un mail" >
El usuario verá
Enlaces con una página fuera de nuestro dominio.
Si queremos enlazar con una página que esté en un servidor distinto al que soporta nuestra página, es necesario conocer su dirección completa, o URL (Uniform Resource Locator). El URL podría ser, además de la dirección de una página del Web, una dirección de ftp, gopher, etc.
Una vez conocida la dirección (o URL), lo colocamosel destino del enlace. La etiqueta sería:
<A HREF="http://paginanoexistente.com/noexiste.htm"> Otra página </A>
Es muy importante copiar estas direcciones correctamente (respetando las mayúsculas y minúsculas, pues los servidores UNIX sí las distinguen).
Las URL
Las URL a demas de indicarnos la direccion exacta de la pagina, tambien nos dice que tipo de servicio puede ser prestado por ese servidor.
Tiene el siguiente formato:
http Es el servicio invocado para transmitir páginas web y el quese usa normalmente en los enlaces
https Es una innovación sobre el anterior, que nos permite acceder a servidores (generalmente comerciales) que nos ofrecen el uso de técnicas de enciptación para proteger los datos que intercambiemos con él de terceras personas.
ftp Permite trasmitir ficheros desde servidores de ftp anónimo. Si no le pedimos un fichero sino un directorio, en general el navegador se encargará de mostrarnos el contenido del mismo para que podamos escogerlo cómodamente. Utilizando la @ podremos acceder a servidores privados.
mailto Para poder mandar un mensaje a traves de e-mail.
news Para poder acceder a foros de discusión o a grupos de noticias. Se indica el servidor y el grupo.
telnet No es implementado generalmente porlos navegadores, que suelen invocar un programa externo. Nos permite conectarnos con otros ordenadores y entrar en ellos como si nuestro ordenador fuese una terminal del mismo.
gopher, wais Cualquiera de estos servicios de localización de información, se indicará el directorio para localizar el recurso concreto.
La maquina.dominio indicará el servidor que nos proporciona el recurso, en este caso se utilizará el esquema IP para identificar la maquina será el nombre de la maquina y el dominio.
Es muy importante indicar siempre el dominio, ya que debemos suponer que se conectarán a nuestras páginas desde servidores externos a nuestra red local por tanto si no indicamos el dominio las URL que especifiquemos no podrían ser seguidas por los navegadores externos.
TRUCOS
¿Cómo hacer que un botón actúe como un link?
Aquí tenemos un botón que al ser pulsado me enviara un E-mail