HTML Image Mapping / Image Maps [ Coordinates, Area ]

Published: 27 February 2022
on channel: ShuDoCode

52,360

792

HTML Image Mapping / Image Maps [ Coordinates, Area ]
Hi there
In this video tutorial, we are going to cover HTML IMAGE MAPs
So whenever
we use Images in HTML
most of the time we use them as a Display Image
What if we want to map a particular Shape from the Image
so we can Display the Name of that Shape or Redirect users to a different page whenever they click on it.

if you also want to do that
then this tutorial is for you

LINK : (to get Image Coordinates Online)
https://programminghead.com/Projects/...

------------------ Video Contents --------------------
0:00 Introduction - HTML Image Mapping / Image Maps
0:24 HTML Syntax
0:44 Inserting Our Image
1:21 Using MAP Tags
2:53 Using Area Tags
3:14 Assigning Coordinates
3:37 Finding Coordinates using MS Paint
5:05 Redirecting Users
5:29 Getting Image Coordinates Online
5:57 Rectangle Coordinates
6:29 Circle Coordinates
7:01 Ploy or Triangle Coordinates
7:54 Final Results

Tags :
HTML Image Map,HTML image Maps,HTML Images Map,how to map image,how to HTML image map,image coordinates,image coordinates in html,area in html,image area,map area,how to find coordinates,load images in html,mark in html Image,select image in HTML

On this page of the site you can watch the video online HTML Image Mapping / Image Maps [ Coordinates, Area ] with a duration of hours minute second in good quality, which was uploaded by the user ShuDoCode 27 February 2022, share the link with friends and acquaintances, this video has already been watched 52,360 times on youtube and it was liked by 792 viewers. Enjoy your viewing!