HTML <map> Tag

#	Content	Views
1.	Tutorial Tags	37,034
2.	Tutorial + Programming	1,061,570
3.	Videos	353,164
4.	Results (`Annual + Re-appear`)	44,815
5.	Quiz Chapters	37,081
6.	Quiz Questions	540,028
7.	Quiz Results	29,742
8.	Testimonials	7,594
9.	Projects	33,791
10.	e-Words	22,245
11.	e-Certificates	4,968
12.	Downloads (Softwares)	121,463
13.	Downloads (Syllabus)	2,638
	Total	2,296,133

Create Map on Image

4,096
Try it

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 image below:

<!DOCTYPE html>
<html>
<head>
<title>Image Maps</title>
</head>
<body>

<h2>Image Maps</h2>
<p>Click on the computer, the phone, or the cup of coffee to go to a new page and read more about the topic:</p>

<img src="/images/laptop.jpg" alt="Laptop" usemap="#laptopmap" width="400" height="379">

<map name="laptopmap">
  <area shape="rect" coords="34,44,270,350" alt="Computer Lab" href="/html/computer.htm">
  <area shape="rect" coords="290,172,333,250" alt="Phone" href="/html/phone.htm">
  <area shape="circle" coords="337,300,44" alt="Cup of coffee" href="/html/coffee.htm">
</map>

</body>
</html>

Live Demo & Try it yourself!

#HTML #images #map

ਪਿਆਰੇ ਬੱਚਿਓ, ਸਤਿ ਸ੍ਰੀ ਅਕਾਲ,

ਕੰਪਿਊਟਰ ਸਾਇੰਸ ਵਿਸ਼ੇ ਦੇ ਨਾਲ ਸਬੰਧਿਤ CSPunjab.Com ਇਕ ਓਪਨ WhatsApp Community ਗਰੁੱਪ ਜੋ ਕੇ ਤੁਹਾਡੇ ਸਿਲੇਬਸ ਅਨੁਸਾਰ ਅਤੇ ਐਡਵਾਂਸਡ ਇੱਕ Online HTML Editor ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਿਸ ਵਿੱਚ ਤੁਸੀਂ HTML, CSS, JavaScript, C ਆਦਿ ਦੀ ਪ੍ਰੋਗਰਾਮਿੰਗ ਨੂੰ Online ਆਪਣੇ ਮੋਬਾਈਲ ਤੇ ਬਿਨ੍ਹਾਂ ਕੰਪਿਊਟਰ ਦੀ ਵਰਤੋਂ ਕੀਤੇ ਹੋਏ web development ਨੂੰ ਸੋਖੇ ਢੰਗ ਨਾਲ ਸਿਖ ਸਕਦੇ ਹੋ ਅਤੇ Source Code ਨੂੰ download ਕਰ ਸਕਦੇ ਹੋ।

WhatsApp Community » » CSPunjab.Com

ਇਹ Community Group ਹੋਣ ਕਾਰਨ Girl Students ਵੀ ਇਸ ਗਰੁੱਪ ਨੂੰ ਬਿਨ੍ਹਾਂ ਝਿਜਕ ਤੋਂ join ਕਰ ਸਕਦੀਆਂ ਹਨ, ਕਿਉਂਕਿ Community Group ਚ 3rd Person ਤੁਹਾਂਡਾ ਮੋਬਾਇਲ ਨੰਬਰ ਵੇਖਣ ਤੋਂ ਅਸਮਰੱਥ ਹੋਵੇਗਾ।

ਇਸ ਗਰੁੱਪ ਵਿੱਚ ਆਪ ਨੂੰ ਸਿਲੇਬਸ ਸਬੰਧੀ YouTube ਵੀਡੀਓ link Share ਕੀਤੇ ਜਾਣਗੇ ਅਤੇ ਕੰਪਿਊਟਰ ਸਾਇੰਸ ਵਿਸ਼ੇ ਨਾਲ ਸਬੰਧਿਤ ਤੁਹਾਨੂੰ ਸਮੇਂ-ਸਮੇਂ ਤੇ Syllabus ਤੋਂ Advanced ਜਾਣਕਾਰੀ ਵੀ Expert Computer ਅਧਿਆਪਕਾਂ ਦੁਆਰਾ ਦਿੱਤੀ ਜਾਵੇਗੀ।

ਨੋਟ: Unauthorised Person ਨੂੰ ਬਿਨ੍ਹਾਂ Warning ਤੋਂ remove ਕਰ ਦਿੱਤਾ ਜਾਵੇਗਾ।

HTML <map> Tag

Create Map on Image

HTML Tags

HTML Examples