How To Create An Image Map In HTML | Create Map In HTML | HTML In Hindi | Lesson No. 19

How To Create An Image Map In HTML
How To Create An Image Map In HTML


Welcome to Basic HTML For Beginners Course Lesson No. 19 Main. In this lesson, we will learn how to create an image map in HTML and Create a map using the area in Html using <map></map>tag. Is Lesson Main Hum Log Sikhne Wale hain Ke Kyse HTML Main Image Map Create Kiya Jaye. To Chiliye Suru Karte Hain.



How to create an image map in HTML?




HTML Main Image Map Create Karke Ke Liye <img></img> Tag Ka Use Karna Padta Hain. Aap Niche Diye Huye HTML Code Se Asanise Sikhte Hain Ke Kyse HTML Main Image Map Create Kiya Jaye. Iske Liye AAP Jis Folder Main HTML File Save Kar Rahe Hain Uss Folder Main AAP Ko-Jo Map AAP Create Karna Chahte Hain Uss Map Ko Save Karna Padega. AAP .jpg, .pdf, .gif Kuch Bhi File Save Kar Sakte Hain. To Chaliye Dekhte Hain HTML Code For Image Map In HTML.

<html>
<body>
<img usemap = "#mymap" src = "World map.png" width="600" height="600" border="3" alt = "Error">
</body>
</html>

OUTPUT Dekhe

How To Create An Image Map In HTML


To Sabse Pehle <img> tag Uske Bad Map Ka Name Uske Bad Source Code Yani Image Ka name Jo Aap Ke Folder Main Hain. Uske Bad Image Ka Size.




Abhi Hum Agar Is Map Main India Pe Click Karein To India Ka Map Open Hona Chahiye. To Uske Liye India.jpg Map Aap Ke Forder Main Hona Chahiye. Uske Bad Aap Niche Diye HTML Code Ko Dekhe.

<html>
<body>
<img usemap = "#India" src = "World map.png" width="600" height="600" border="3" alt = "Error">
<map name = "India">
<area shape = "rect" coords = "350,300,400,400" href = "India.jpg">
<area shape = "circle" coords = "500,500,50" border="2" href = "indonesia.jpg">
<area shape = "poly" coords = "50,50,100,100,100,200" href = "iceland.gif">
</map>
</body>
</html>

Yahape Hum <map></map> Code Ke Andar "mymap" Ke Ander India Ko Dikhana Chahte Hain Isliye <area> Tag Ka Use Karna Parega. Aur Shape Aap Kuch Bhi De Sakte Hain. Uske Bad Coordinates Select Karna Parega. AAP Ko Sahi Coordinates Pata Hona Chahiye.


इस Lesson No 19 को और अच्छी तरह समझ ने के लिए आप हमारा Youtube Video देख सकते हैं।  You can watch our Youtube video here.


Post a Comment

0 Comments