NOTA: todos los nombres de archivos y sus extensiones a las que se hacen referencia en los hiperenlaces, deben de ponerse en su totalidad en minúsculas, para evitar posibles errores al buscar un DOCUMENTO.HTML, cuando lo que en realidad estamos buscando es un documento.html. No hay que olvidar que los enlaces a los que hacemos referencia, pueden estar en máquinas que sean servidores UNIX, por lo que al ser este un sistema operativo distinto a otros más empleados en uso doméstico, sea sensible a mayúsclas y minúsculas, no siendo lo mismo DOCUMENTO.HTML que documento.html. Como normal general se debe escribir todos los nombres de enlaces, directorios y archivos, en minúsculas, debidas princuipalmente a esta característica de la mayoría de los servidores HTML de Internet. Por el mismo motivo, en Internet la mayoría de las referencias a directorios se emplean con la barra �/� y no con la barra �\�, ya que las máquinas UNIX antes nombradas, hacen referencias a directorios con la barra de división. Debemos de tener estas 2 consideraciones muy encuenta a la hora de hacer hiperenlaces desde nuestro documento HTML, ya que sino son tenidas en cuenta, nos llevará a tener sucesivso errores al intentar enlazar con distintos enlaces (valga la redundancia). ENLACES. DOCUMENTOS HIPERTEXTO Una vez hayamos hecho nuestra página, puede que queramos que nuestros visitantes tengan referencias de otras páginas que nosotros creamos convenientes que visiten, bien porque tienen que ver con el tema que se trata en nuestra páginas, bien porque consideremos que pueden ser interesantes. Las funcionalidades hipertexto se basan en el concepto de enlace. Un enlace es una referencia a un documento HTML, o a cualquier otro objeto, expresada por medio de un formato, universalmente aceptado. Este permite que el visualizador, cuando detecta que se requiere �saltar� a un documento determinado, sea capaz de identificarlo y obtenerlo, de forma que nos sea visible a nosotros en nuestra pantalla del navegador. De cara al usuario, los hiperenlaces apareceran como texto en otro color, realzado o subrayado (incluso como veremos pueden ser imágenes). HIPERENLACES Para incluir un hiperelace, se usa la directiva cerrada <A>...</A>. El texto que se haye entre ambas �anclas� (anchors) será sensible, lo que indica que una pulsación con el ratón sobre ella, nos lleva a otro documento o a otro lugar al que haga referencia el enlace. Esta directiva posee el atributo HREF (referencia de hiperenlace), que indica hacia donde nos traslada el hiperenlace: <A HREF=�...�>...</A>Este atributo HREF y hacia donde apunta (el entrecomillado), lo que indica es la dirección URL, documento de hipertexto, o imagen a la que haremos el salto una vez �pinchado� el enlace. Entre las directivas podemos incluir texto o una imagen descriptivas del enlace al que estamos haciendo referencia. Ejemplos de hiperenlac serían: <A HREF=�http://lucas.cdf.udc.es/jgorriz/�>Javier Górriz</A>Aparecería como Javier Górriz lo que nos indicaría que este texto �Javier Górriz� es un hiperenlace por aparecer subrayado con distinto color al resto del texto. Al colocar el ratón sobre ella, aparecería en la barra de estado del navegador, la dirección URL hacia la que apunta (en este caso http://lucas.cdf.udc.es/jgorriz/). Una vez pinchado el enlace, el mismo navegador se haría cargo de traernosla información que contuviese ese enlace (en este caso la URL o página personal de la persona que está explicandote desde estas líneas el códgio HTML ;-) ). En lugar de texto entre las �anclas�, podríamos incluir una imagen que actuara de hiperenlace: <A HREF=�http://lucas.cdf.udc.es/jgorriz/�><IMG SRC=�vic-web.gif�></A>En este caso la imagen por aparecer como enlace a otro documento HTML (el mismo nombrado anteriomente), aparecería bordeada con un marco azul, de similar tonalidad al que subrayaba anteriormente al enlace de tipo texto. Esto (el marco azul), nos indicaría que esa imagen está actuando de enlace a otra página. Al igula que como ocurría con el texto, al colocar al ratón sobre cualquier área dela imagen, en la barra de estado nos indica la dirección URL del enlace a la que apunta la imagen. NOTA: Hay ultimamente una moda en Internet que es la de ocultar por medio de Javascript las URL que nos aparecen en la barra de estado del navegador, y en su lugar introducir una peque�a descripción que aparece al poner el ratón sobre el enlace. Que no nos asuste el ver este tipo de enlaces, ya que está haciendo lo mismo que acabo de explicar, pero lo único que hace es ocultar el URL para darnos así más información mediante una breve descripción hacia donde apunta. Ni que decir tiene, que si el texto que hemos puesto como descripción entre las directivas <A>...</A>, está modificado por estilos de letra como son negrita, cursiva, etc... mantienen este tipo de atributos de texto, pero siguen manteniendo el subrayado en distinto color al del resto del documento. HIPERENLACES DENTRO DEL MISMO DOCUMENTO Un hiperenlace nos puede conducir a una parte determinada del mismo documento. Para ello,dentro del mismo documento debemos marcar cada zona de referencia, con una �etiqueta� (o nombre de etiqueta), de forma que el navegador cuando se le haga referencia a ella, la localice por su nombre. Para ello empleamos otro atributo dela directiva <A>...</A> que es NAME=�...�. <A NAME=�nombre de la referencia�>...</A>todo lo que se encuentre entre las directivas <A>...</A> ya sea texto, imágen o lo que queramos poner como símbolo del enlace, es ahora conocido por el navegador con la etiqueta �nombre de refencia�, de forma que que si dentro del documento hay un enlace a esta etiqueta, el navegador nos lleve hasta ella. Supongamos que queremos hacer un enlace a esta parte del documento en un principio del mismo: <A HREF=�#nombre�>Enlace Interno del documento</A>aparecería como Enlace Interno del documento lo que nos indica que es un hiperenlace a algún sitio; nosotros sabremos que se trata de un enlace a una parte interna del mismo documento o de otro cualquiera (no tiene por qué ser el propio que tenemos abierto en nuestro navegador), porque en el momento de situar el ratón sobre el hiperenlace, en la barra de estado del navegador nos aparece la URL con una almohadilla (#), lo que nos indica que hace referencia una parte específica de un documento, que puede ser el mismo que tenemos abierto o no. En el momento que vemos la almohadilla, sabremos siempre que hace una referencia a una parte específica de documento. Un ejemplo sería: <A HREF=�http://lucas.cdf.udc.es/jgorriz/inde.html#enlace�>Enlace Interno</A>nos indicaría un enlace interno (por la almohadilla que nos aparecería en el la barra de estado), a un documento localizado en la URL http://lucas.cdf.udc.es/, directorio jgorriz/, documento index.html, sección interna del mismo #enlace. Si ahora pinchamos sobre él, el navegador buscará la referencia de hiperenlace de referencia (HREF), que tenga incluida, buscando el nombre de la etiqueta que sigue a la almohadilla (en este caso #enlace). Una vez buscado en el documento, y hallada la referencia interna <A NAME=�enlace�>...</A>mostrará en pantalla el texto o documento que se encuentra entre las anclas <A>...</A>, pero nunca el anterio a él (a no ser que con la barra de desplazamiento vertical del navegador, nosotros lo hicieramos a mano, sino no se nos mostrará lo anterior a esa parte del documento). NOTA: los enlaces se podrían hacer incluso a imágenes independientes como por ejemplo http://lucas.cdf.udc.es/logo.gif, que nos enlace con la imagen logo.gif que se encuentra situada en este servidor. ENLACES A OTROS RECURSOS DE INTERNET La referencia del hiperenlace, no sólo tiene que hacer referencia a una página HTML o a una sección interna de la misma (tal y como hemos visto anteriormente), sino que puede hacer referencia a otros tipos de referencias (valga la redundancia):
También se podría realizar un hiperenlace a un fichero cualquiera, sin tener por qué ser un documento .html (podría ser un documento de Word .doc, de Adobe Acrobat. pdf, de dibujo de AutoCad .dxf, ... etc). En este caso el navegador intentará ejecutar el fichero, y si no puede hacerlo, nos preguntará que queremos que haga con él. Una de las opciones suele ser grabarlo (el archivo), en nuestro ordenador de modo loca. Es una forma de permitir a nuestros visitantes copiar ficheros a su ordenador: <A HREF=�manual.zip�>manual comprimido</A>Debe tenerse en cuenta que, en la parte entrecomillada del atributo HREF=�...�, debe incluir un enlace, o bien una URL diferente, o bien a otro directorio de nuestro servidor de páginas WEB. Vamos a tomar un ejemplo. Supongamos que hay una página de un amigo, al que le vamos a hacer un enlace desde nuestra página, para que la gente la visite:
La URL de nuestro servidor será: http://lucas.cdf.udc.es/ El atributo HREF, puede hacer referencia de 2 formas a este archivo manual.zip:
|