HTML <map> ট্যাগ

  • পূর্ববর্তী পৃষ্ঠা <main>
  • পরবর্তী পৃষ্ঠা <mark>

বিবরণ ও ব্যবহার

<map> ট্যাগ চাইতে হবে যাতে চিত্র ম্যাপ নির্ধারণ করা যায়। চিত্র ম্যাপ (image map, একটি অংশবিভক্ত নেভিগেশন চিত্র) একটি ক্লিকযোগ্য এলাকা সহ চিত্র।

<map> ইলেকট্রনটি একটি name অ্যাট্রিবিউটর <img> ইলেকট্রন র usemap অ্যাট্রিবিউট সংযুক্ত থাকে, চিত্র এবং ম্যাপের মধ্যে সম্পর্ক তৈরি করে。

<map> এই ইলেকট্রন কিছু <area> ইলেকট্রনএটি চিত্র ম্যাপের ক্লিকযোগ্য এলাকা নির্ধারণ করে。

আরও দেখুন:

HTML DOM পরিচ্ছেদপত্র:Map অবজেক্ট

উদাহরণ

উদাহরণ 1

ক্লিকযোগ্য এলাকা সহ চিত্র ম্যাপ:

<img src="life.png" alt="Life" usemap="#lifemap" width="650" height="451">
<map name="lifemap">
  <area shape="rect" coords="10,208,155,338" alt="AirPods" href="airpods.html">
  <area shape="rect" coords="214,65,364,365" alt="iPhone" href="iphone.html">
  <area shape="circle" coords="570,291,75" alt="Coffee" href="coffee.html">
</map>

স্বয়ং প্রয়াস করুন

উদাহরণ 2

একটি ক্লিকযোগ্য এলাকা সহ আরেকটি চিত্র ম্যাপ:

<img src="solarsystem.png" width="1024" height="576" alt="Planets" usemap="#planetmap">
<map name="planetmap">
  <area shape="rect" coords="0,0,114,576" alt="Sun" href="sun.html">
  <area shape="circle" coords="190,230,5" alt="Mercury" href="mercury.html">
  <area shape="circle" coords="228,230,5" alt="Venus" href="venus.html">
</map>

স্বয়ং প্রয়াস করুন

অ্যাট্রিবিউট

অ্যাট্রিবিউট মান বর্ণনা
name ম্যাপ নাম প্রয়োজনীয়।চিত্র ম্যাপের নাম নির্দিষ্ট করুন

গ্লোবাল অ্যাট্রিবিউট

<map> ট্যাগটি ইভেন্ট অ্যাট্রিবিউটও সমর্থন করে HTML-তের গ্লোবাল অ্যাট্রিবিউট。

ইভেন্ট অ্যাট্রিবিউট

<map> ট্যাগটি ইভেন্ট অ্যাট্রিবিউটও সমর্থন করে HTML-তের ইভেন্ট অ্যাট্রিবিউট。

ডিফল্ট সিএসএস সেটিং

অধিকাংশ ব্রাউজারগুলি নিম্নলিখিত ডিফল্ট মান দেখাবে: <map> এলিমেন্ট:

map {
  display: inline;
}

ব্রাউজার সমর্থন

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন
  • পূর্ববর্তী পৃষ্ঠা <main>
  • পরবর্তী পৃষ্ঠা <mark>