How to create clickable image mapping in html part-1

How to create clickable image mapping in html

ওয়েব সাইটকে অধিক সুন্দর ও আরো দৃষ্টিন্দন করে তোলার জন্য আপনাকে ইমেজ মেপিং করতেই হবে। চলুন জেনে নেয়া যাক আসলে ইমেজ মেপিং কি?

How to create clickable image mapping in html

Image Mapping: কোন ইমেজের একটি নির্দিষ্ট অংশে যখন link তৈরি কার হয়। তখন তাকে ইমেজ মেপিং বলে। আরো একটু সহজ করে বলি ধরুন আপনি

How to create clickable image mapping in html

চাচ্ছেন উপরের ইমজের সাদা অংশে ক্লিক করে অন্য কোন পেজে যাবেন। আর এটাই হলো Clickable Image Mapping.

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. </Body>
  10. </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 ৯ এ </dody>ট্যাগ close হয়েছে।
  10. Line Number ১০ এ </html>ট্যাগ close হয়েছে।

NEXT