Cómo hacer un mapa de imagen CSS

CSS mapas de imágenes permiten a los desarrolladores colocar puntos calientes dentro de las imágenes que contienen enlaces a otras páginas web . Por ejemplo , un punto caliente puede ser colocado alrededor de la cara de una persona en la imagen que contiene un enlace a su página web personal. Cuando un usuario coloca el puntero del ratón sobre el rostro de la persona que aparece una figura que delimita el área de punto caliente. Creación de un mapa de imagen CSS implica llamar a una imagen en html y luego la creación de los códigos CSS correspondientes entre las etiquetas HTML . En este artículo se muestra cómo se crea un mapa de imágenes de los ojos y la nariz en un retrato de Ginevra de Benci pintado por Leonardo da Vinci. Cosas que necesitará editor de Texto Fotos , tales como el Bloc de notas , Emacs , ConTextMozilla , Explorer u otro navegador
Ver Más instrucciones
Cartografía hacia fuera
1

crear dos vinculados páginas web. En este ejemplo se crea una para los ojos y una para la nariz . La página de ojos se leía " Estos son los ojos " y la página de la nariz se lee "Esta es la nariz. " El código HTML de ejemplo siguiente crea los dos son los ojos < /body> < /html>
2

Crear las etiquetas HTML para la imagen . Abra un documento en blanco y utilice el siguiente código para llamar a la imagen del directorio. Usted tendrá que cambiar el nombre y las especificaciones del tamaño de la imagen : html head