HDTutorial
PT
Tutorial HTML 45 - Como criar um mapa de imagem em HTML

A reprodução carrega o leitor integrado do YouTube (modo de privacidade melhorada).

Tutorial HTML 45 - Como criar um mapa de imagem em HTML

217 172 visualizações 25 de outubro de 2016 10:20

Ver no YouTube
CanalChidre'sTechTutorials

Descrição do autor

Como é que uma única imagem pode ter várias zonas clicáveis em HTML? 🤔
Neste vídeo, vais aprender a criar mapas de imagem usando as etiquetas *map* e *area*.

Neste tutorial para iniciantes, vais descobrir:
✔ O que é um mapa de imagem
✔ Como funciona a etiqueta *map*
✔ Como usar a etiqueta *area*
✔ Diferentes formas (retângulo, círculo, polígono)
✔ Como ligar várias zonas numa só imagem

Este é o Episódio 45 do curso completo de HTML 🚀

🎯 Vídeo anterior (Episódio 44):

🎯 Próximo vídeo (Episódio 46):

🎯 Lista completa:

💡 Dica rápida:
Usa o atributo *usemap* para ligar uma imagem às suas zonas clicáveis.

🌐 Notas:

🚀 Certifica-te:

Sobre este tutorial

Chidre'sTechTutorials publicou este tutorial em vídeo de 10:20 em 25 de outubro de 2016. Foi visto 217 172 vezes no YouTube.

Duração
10:20
Publicado
25 de outubro de 2016
Visualizações
217 172
Gostos
3 045

Partilhar

Leitura complementar

  • Tutoriel HTML - Table des matièresfretutorial - HTML.net fr.html.net

    Tutoriel HTML - Table des matières - Tutoriels sur HTML et CSS - Construisez votre propre site Web

  • HTML Tutorial - Plano de Fundo tutorialehtml.com

    HTML - Plano de Fundo Padrão. A repetição de imagens tem outras aplicações, como você verá. Essa função de repetição infinita de imagens no navegador pode ser usada como vantagem e isso é, podemos criar imagens realment…

  • HTML Image Maps - W3Schools Online Web Tutorials w3schools.com

    Image Maps. The HTML <map> tag defines an image map. An image map is an image with clickable areas. The areas are defined with one or more <area> tags.. Try to click on the computer, phone, or the cup of coffee in the i…

Este tutorial noutros idiomas