HDTutorial
ES
Tutorial de HTML 45 - Cómo crear un mapa de imágenes en HTML

La reproducción carga el reproductor integrado de YouTube (modo de privacidad mejorada).

Tutorial de HTML 45 - Cómo crear un mapa de imágenes en HTML

217.172 visualizaciones 25 de octubre de 2016 10:20

Ver en YouTube
CanalChidre'sTechTutorials

Descripción del autor

¿Cómo puede una sola imagen tener varias zonas clickeables en HTML? 🤔
En este video, aprenderás a crear mapas de imágenes usando las etiquetas *map* y *area*.

En este tutorial para principiantes, descubrirás:
✔ ¿Qué es un mapa de imágenes?
✔ Cómo funciona la etiqueta *map*
✔ Cómo usar la etiqueta *area*
✔ Diferentes formas (rectángulo, círculo, polígono)
✔ Cómo vincular múltiples zonas en una sola imagen

Este es el Episodio 45 del curso completo de HTML 🚀

🎯 Video anterior (Episodio 44):

🎯 Próximo video (Episodio 46):

🎯 Lista completa:

💡 Truco rápido:
Usa el atributo *usemap* para conectar una imagen con sus zonas clickeables.

🌐 Notas:

🚀 Certifícate:

Sobre este tutorial

Chidre'sTechTutorials publicó este tutorial en vídeo de 10:20 el 25 de octubre de 2016. Se ha visto 217.172 veces en YouTube.

Duración
10:20
Publicado
25 de octubre de 2016
Visualizaciones
217.172
Me gusta
3.045

Compartir

Para saber más

  • Mapas HTML | Manual Web manualweb.net

    Ejemplo de Mapa de Imágenes. Para ver el uso de los mapas de imágenes analizaremos el siguiente caso. Vamos a partir de la siguiente imagen y vamos a definir tres mapas. El primero será un área circular sobre el segundo…

  • Mapas de imágenes con HTML - Desarrollo Web desarrolloweb.com

    Nota: Los mapas de imágenes, aunque populares en otra época y todavía disponibles en el estándar HTML5, hoy prácticamente no se usan. Si estás leyendo el Manual de HTML para comenzar a desarrollar páginas web y tienes i…

  • Adding a Google Map with a Marker to Your Website developers.google.com

    The section below displays the entire code you need to create the map in this tutorial. ... This section shows you how to load the Maps JavaScript API into your web ...

Este tutorial en otros idiomas