HDTutorial
EN
HTML Tutorial 45 - HTML image map tutorial

Playback starts YouTube’s embedded player (privacy-enhanced mode).

HTML Tutorial 45 - HTML image map tutorial

217,172 views October 25, 2016 10:20

Watch on YouTube
ChannelChidre'sTechTutorials

Description from the creator

How can one image have multiple clickable areas in HTML? 🤔
In this video, you’ll learn how to create image maps using the map and area tags.

In this beginner-friendly tutorial, you will learn:
✔ What is an image map
✔ How the map tag works
✔ How to use the area tag
✔ Different shapes (rect, circle, polygon)
✔ How to link multiple areas in one image

This is Episode 45 of the complete HTML course 🚀

=========================================

🎯 Previous Video (Episode 44):
youtu.be/XGmPSB2TscY

🎯 Next Video (Episode 46):
youtu.be/3VZiqUj_9z8

🎯 Full Playlist:
youtube.com/playlist?list=PLdE8ESr9Th_uUR1vA9h-…

=========================================

💡 Quick Tip:
Use the usemap attribute to connect an image with clickable areas

=========================================

🌐 Notes:
chidrestechtutorials.com

🚀 Get Certified:
chidresinnovations.com

=========================================

#HTML #LearnHTML #WebDevelopment #HTMLTutorial

About this tutorial

Chidre'sTechTutorials published this 10:20 video tutorial on October 25, 2016. It has been watched 217,172 times on YouTube.

Duration
10:20
Published
October 25, 2016
Views
217,172
Likes
3,045

Tags

Share

Further reading

  • HTML Image Maps - Quackit Tutorials quackit.com

    Of course, the image must be available on the web first. You can either upload it or reference an existing image. It can be a photo, icon, logo, stock image, etc. Any image is fine. Add the Map. Use the HTML <map> tag t…

  • 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…

  • How to Create Image Maps in HTML? » WebNots webnots.com

    HTML Image Maps. The above example is the simple and easy way of linking a small image to the target URL, but most of the cases the image will be bigger in size and there is a need to connect more than one link with the…

This tutorial in other languages