How to create clickable image mapping html part-2

How to create clickable image mapping html: Image Mapping: কোন ইমেজের একটি নির্দিষ্ট অংশে যখন link তৈরি কার হয়। তখন তাকে ইমেজ মেপিং বলে। আরো একটু সহজ করে বলি ধরুন আপনি চাচ্ছেন উপরের ইমজের সাদা অংশে ক্লিক করে অন্য কোন পেজে যাবেন। আর এটাই হলো Clickable Image Mapping.

How to create clickable image mapping html

Script:

  1. <html>
  2. <head>
  3. <title>image_maping</title>
  4. </head>
  5. <Body>
  6. <map name=”maping”>
  7. <img src=”G:\Research & Working\web Site\bksit\HTML\image maping\map.jpg” usemap=”maping”>
  8. <area shape=rect coords=”210,475,400,590″ href=”http://www.bksit.com.bd/”>
  9. <area shape=circle coords=”366,132,67″ href=”http://www.bksit.com.bd/”>
  10. </Body>
  11. </html>

Explain:

  1. Line Number ১ এ <html> ট্যাগ শুরু হয়েছে।
  2. Line Number ২ এ <head>ট্যাগ শুরু হয়েছে।
  3. Line Number ৩ এ <title> ট্যাগ শুরু করে পেজ এর টাইটেল লেখা হয়েছে।
  4. Line Number ৪ এ </head>ট্যাগ close হয়েছে।
  5. Line Number ৫ এ <body>ট্যাগ শুরু হয়েছে।
  6. Line Number ৬ এ <map name=”maping”> ট্যাগ শুরু হয়েছে।
  7. Line Number ৭ এ Image কে কল করা হয়েছে।
  8. Line Number ৮ এ ১ম ইমেজ এর এরিয়া সিলেক্ট করে link তৈরি করা হয়েছে।
  9. Line Number ৯ এ ২য় ইমেজ এর এরিয়া সিলেক্ট করে link তৈরি করা হয়েছে।
  10. Line Number ১০ এ </dody>ট্যাগ close হয়েছে।
  11. Line Number ১১ এ </html>ট্যাগ close হয়েছে।

How to create clickable image mapping html

NEXT