Cómo hacer una imagen desencadenar un enlace

Video: Como Ponerle un Link a una Imagen

páginas Web a menudo utilizan imágenes para la navegación. Son más bonita que los enlaces de texto sin formato, y se puede añadir forma y función en su página con un elemento. Para crear una imagen que desencadena un enlace, usted sustituye una elemento en lugar del texto al que sería anclar su enlace.

Video: Cómo hacer una galería de enlaces con imágenes

Este marcado enlaces de texto:

Visita la W3C

Este marcado reemplaza el texto Visita la W3C con un icono apropiado:

El marcado anterior crea una imagen con enlaces http://w3.org. En este ejemplo, el texto alternativo ahora lee Visita el sitio web del W3C, para que los usuarios que no pueden ver la imagen sabe dónde va el enlace. Cuando un usuario mueve el puntero del ratón sobre la imagen, el cursor cambia de una flecha a una mano que señala (o cualquier icono del navegador utiliza para un enlace).

Esta imagen incluye un borde azul alrededor de ella como una señal visual para que los usuarios sepan que sirve como un enlace. La frontera aparece como un contorno azul (que se muestra en la figura).

Un clic rápido de la imagen, se inicia la página web del W3C. Es tan simple como eso.

Puede establecer la frontera de cualquier imagen que se utiliza en un enlace para 0 Si desea mantener el navegador de los alrededores de su imagen con una línea azul. Sin esa línea, sin embargo, los usuarios necesitan otros (texto) o alternativos pistas visuales para que sepan que una imagen es un enlace.

Asegúrese de que las imágenes que sirven como enlaces gritar al usuario (con buen gusto, por supuesto), “Soy un enlace!” En todos los casos, si se elimina el contorno automático, se debe construir un esquema en el propio gráfico o añadir una leyenda que indica que la imagen sirve como un enlace.

Artículos Relacionados