../ subir un nivel de carpeta desde la ubicación actual.
../../ subir dos niveles de carpeta desde la ubicación actual
nombrecarpeta/ acceder a la carpeta nombrecarpeta desde la ubicaión actual
Ejemplos:
..index.html
Accede al archivo index.html de la carpeta padre
../../fondo.html
Accede al archivo fondo.html de la carpeta dos niveles superior
images/foto.jpg
Accede al archivo foto.jpg en la carpeta images
..text/invent.txt
Sube un nivel, entra en la carpeta text y accede al archivo invent.txt
Ejercicio: Cree una nueva página llamada index.htm que será el índice de este tema con las propiedades que usted elija (color e imagen de fondo, colo, tipo y tamaņo de fuente, color de los vínculos, etc.)
Agregue un título con la etiqueta h3 a la página y un párrafo con un breve comentario. Ahora aņada vínculos a las dos páginas ya creadas en este tema.
Cree en esas páginas un enlace a la página index.htm
Cree en index.htm, un enlace a un archivo html del tema 3 y a otro del tema 4.
Ejercicio:
Crear vínculos gráficos
Para crear un vículo gráfico que debemos hacer es seleccionar en la ventana del documento la imágen que hará la función de hipervínculo (una imágen que hayamos insertado anteriormente) y rellenar el campo Vínculo en el inspector de propiedades.
Ejercicio: Crea una nueva página e inserta el texto de introducción.txt de la carpeta Text.
Trabaja con ese texto, con las imágenes de la carpeta images y con las herramientas que has aprendido hasta ahora para obtener la siguiente página: Pon un texto que quieras o copia y pega este TEXTO
Cuando esté finalizada, convierta la primera imagen (la de LIGHTHOUSE RESOURCES u otra imágen elegida por tí) en un enlace a una página cualquiera de su sitio (por ejemplo a cabrillo.html del tema 4).
Convierta la segunda imagen (la de MORE LIGHTHOUSES u otra elegida por tí) en un enlace externo a http://www.inforteca.es/progrmas/cursohtml
Asignación de destino a los vínculos
_blank--- Carga el documento vinculado en una nueva ventana sin nombre del navegador
_self----Carga el documento en el mismo marco o la misma ventana que el vículo. Este destino es el predeterminado, por lo que normalmente no es preciso especificarlo.
_parent---Carga el documento vinculado en el conjunto de marcos padre o en la ventana del marco que contiene el vículo.
_top------Carga el documento vinculado en la ventana completa del navegador, eliminando de esta forma todos los marcos.
Ejercicio: Modifique las propiedades del enlace externo del ejercicio anterior de manera que se abra en una ventana nueva.
Crear anclajes con nombre
Cuando un documento es largo o tiene muchas secciones, puede que necesite crear series de vínculos que realicen saltos a lugares determinados del documento. Un anclaje con nombre marca el lugar de la página al que saltan los vículos.
Para insertar un anclaje o punto de fijación con nombre debemos colocar el cursor en el lugar del documento donde queramos realizar el salto y seleccionar en el panel de objetos, menú Común, el botón con forma de ancla (Anclaje con nombre).
Para crear un enlace a un anclaje debemos crear un vinculo que haga referencia al punto de fijación con nombre. Por ejemplo, si el punto de anclaje está en el archivo index.html y se llama punto3, el vínculo debería apuntar a index.html#punto3
El signo numérico (#) es necesario para informar al navegador de que este vínculo es interno.
Ejercicio: Abra el archivo profiles.html y cree un anclaje delante de cada aparición de "Name:" con los siguientes nombres respectivamente (Cabrillo, arena, reyes, bonita, montana, pigeon).
Cree a partir de cada una de las líneas del principio un vículo a su anclaje correspondiente:
