Hipervinculos

I. Objetivos Que el estudiante sea capaz de: 1. Crear vínculos o enlaces en una misma página. 2. Crear vínculos o enlaces hacia sitios web fuera del dominio de una página. 3. Crear vínculos o enlaces entre páginas de un mismo sitio web 4. Crear vínculos a direcciones de correo electrónico. 5. Utilizar imágenes como vínculos o enlaces. II. Introducción Teórica Vínculos, hipervínculos o enlaces.Definición Un vínculo es una conexión desde un recurso web a otro. Esto constituye la estructura básica del hipertexto. Un vínculo o enlace tiene dos extremos o anclas, llamadas ancla origen, donde se origina el vínculo, y un ancla destino, a donde lleva el vínculo, que puede ser cualquier recurso de la web, como por ejemplo: una imagen, un videoclip, un archivo de sonido, un programa, undocumento HTML o un elemento dentro de un documento HTML. El comportamiento por defecto de un vínculo o enlace es la obtención de otro recurso web. La manera tradicional de activar un vínculo o enlace es hacer clic sobre un texto o imagen de una ancla origen. En HTML se pueden distinguir cinco tipos de vínculos o enlaces, que son: 1) Vínculos internos 2) Vínculos locales. 3) Vínculos remotos 4) Vínculoscon direcciones de correo electrónico. 5) Vínculos a archivos.

1

Enlaces internos Son vínculos en un mismo documento web o página web; es decir, el ancla de origen y destino están en la misma página. Este tipo de vínculo es conocido también, como navegación interna. Enlaces locales Son los vínculos que se dirigen a otras páginas del mismo sitio web. Este tipo de vínculo es normal en sitioscon muchas páginas web, organizadas de alguna forma. Enlaces remotos Son vínculos con otros sitios web fuera de nuestro dominio. Este tipo de enlace se hace necesario cuando existen sitios que muestran información relacionada con los temas presentados en nuestro sitio, y quieren mostrarse como referencia para los lectores de nuestro sitio. Enlaces con direcciones de correo electrónico Se utilizancuando se desean crear vínculos a direcciones de correo electrónico, con el objeto de poder enviar un e-mail a una dirección específica. La acción de hacer clic en uno de estos vínculos abre un formulario con el campo A: (To:) lleno con la dirección de correo electrónico especificada en el enlace. Enlaces hacia archivos Estos enlaces se utilizan para poder facilitar la descarga de recursos enInternet. Estos archivos, pueden ser imágenes, vídeos, audio, etc. La etiqueta HTML utilizada para definir vínculos o enlaces es la etiqueta la cual tiene la siguiente sintáxis: hiperenlace Posee una serie de propiedades o argumentos que deben utilizarse para definir bien el enlace. Entre los principales tenemos: • href="ruta" Que define el nombre del anclaje o la ruta URL ( o la URI) del documentocon el que va a conectarnos el hiperenlace. En el caso de un documento, éste normalmente será otra página web, pero puede ser cualquier otro tipo de documento: imágenes, documentos de texto, de Word, hojas de cálculo, ficheros JavaScript, CSS, etc. Si tenemos nuestro navegador configurado para abrir el tipo de documento solicitado en el hiperenlace, se abrirá en la propia ventana de éste, y si noes así, se nos abrirá un cuadro de dialogo para que permitamos abrirlo con el programa asociado al fichero o guardarlo en nuestro disco duro. Las únicas restricciones que tenemos respecto a los valores que puede tomar esta propiedad es que la URI o URL del fichero enlazado tenga una sintaxis correcta y que el documento exista en el servidor web. Si no es así, obtendremos el conocido ERROR 404, quecorresponde a un documento no encontrado. • target="nombre" Esta propiedad va a fijar la ventana en la que se va a abrir el documento solicitado en el hiperenlace (siempre que sea un fichero que pueda abrir el propio navegador). Si imaginamos que trabajamos en una página con frames, los posibles valores que puede tomar el atributo nombre son: 1) nombre_ventana: que es el valor del atributo name...