Un vínculo o hipervínculo es un enlace, normalmente entre dos páginas Web de un mismo sitio, pero un enlace también puede apuntar a una página de otro Web, a un fichero, a una imagen, etc. Para navegar al destino al que apunta el enlace, hemos de hacer clic sobre él. También se conocen como hiperenlaces, enlaces y links.

Espacificar colores de vínculos en función del tipo de vínculo



Para definir los colores de vínculos debemos ir a la propiedades de la página (barra de menús / Modificar / Propiedades de la Página), en la categoría"Vinculos".

Propiedades de la página-vinculos

Disponemos de la opción para definir colores hasta para cuatro estados diferentes de Vínculos basados en las acciones del usuario (ignorarlo que hay entre paréntesis hasta llegar al tema de hojas de estilo o CSS):
  • Color de Vínculo: El color inicial antes de hacer clic sobre el vínculo. El color por defecto es el azul. (El selector CSS define este estado como a: link).
  • Vínculos de visitado: El color al que pasa el vínculo después de haber clicado sobre él. El color por defecto es el morado. (El selector CSS define este estado como a: visited).
  • Vínculos de sustitución: El color al que pasa el vínculo cuando se coloca el cursor sobre él. No tiene color por defecto. (El selector CSS define este estado como a:hover).
  • Vínculos activos: El color al que cambia un vínculo si se mantiene pulsado el botón después de hacer clic sobre él. No tiene color por defecto. (El selector CSS define este estado como a:active).


Ejercicio: Cree una página llamada colores.html con las siguientes propiedades: (Color de fondo: #CCFFCC); (Vículos de sustitución: #009900);(Vínculos activos: #FF0000);

Resultado: Hipervículos
Arriba


Crear vínculos de hipertexto


Para crear un vínculo de hipertexto debemos ir a la barra de menús /Insertar / Hipervínculo o podemos seleccionar un texto cualquiera de nuestra página y convertirlo en un hipervínculo desde el inspector de propiedades rellenando el campo Vínculos.

Ejerccio: Inserte en la página del ejercicio anterior tres hipervínculos en tres líneas distintas: http://www.google.es,http://www.marca.com,http://www.isiconsulting.es
Agregue otra línea con el texto ELPAIS.COM y conviértalo en un enlace a http://www.elpais.com (desde el inspector de propiedades)

Resultado: Hipervínculo con texto


Ejercicio: Cree una nueva página llamada ratones.html con las siguientes propiedades: (color de fondo:# CCFFCC)
Inserte el siguiente texto con los siguientes enlaces (u otros si están rotos):


Diálogo entre dos hombres al azar(h3)



  • ¿Dóde suele usted comprar los ratones?
    • (http://hub.ebay.es/buy)
    • (http://www.sierradebaza.org)
  • Pues depende, ¿se refiere a ratones de verdad o a ratones de peluche?
    • (http://www.segundamano.es/vi/968472.htm?ca=46_s)
    • (http://antag.es/go/search/idx/3060102/Ratones_peluche/t/1/go.htm)
  • No, no, me refiero a los ratones para el ordenador.
    • (http://www.es.wikipedia.org/wiki/Mouse)
  • Ah, pues suelo comprarlos en el Saturn.
    • (http://www.saturn.es)

Resultado ejercicio Ratones.html, cliquea en ratón Comprar Ratones para pc
Siguiente..


Arriba