কম্পিউটার টিউটোরিয়াল

HTML-এ ইমেজ ম্যাপ (image map) তৈরি করা

ইমেজ ম্যাপ যোগ করতে HTML-এ <map> ট্যাগ ব্যবহার করুন। HTML <map> ট্যাগ <img> ট্যাগের সাথে মিলে ইমেজ ম্যাপ ডিফাইন করতে ব্যবহৃত হয়।

নিচে অ্যাট্রিবিউট দেওয়া হলো:

অ্যাট্রিবিউটমানবর্ণনা
nameunique_namemap ট্যাগের জন্য একটি ইউনিক নাম ডিফাইন করে

উদাহরণ

নিচের কোডটি চালিয়ে HTML-এ ইমেজ ম্যাপ তৈরি করা যাবে:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML map Tag</title>
  </head>
  <body>
    <img src="/images/html.gif" alt="HTML Map" border="0" usemap="#html"/>
    <!-- Create Mappings -->
    <map name="html">
      <area shape="circle" coords="154,150,59" href="about/about_team.htm" alt="Team" target="_self" />
    </map>
  </body>
</html>
  1. HTML-এ কন্ডিশনাল কমেন্ট (Conditional Comments) তৈরি করা

  2. HTML-এ হিডেন কমেন্ট (Hidden Comments) তৈরি করা

  3. HTML-এ ইমেজকে লিংক (Link) হিসেবে ব্যবহার করা

  4. HTML-এ বিব্লিওগ্রাফি (Bibliography) তৈরি করা