HTML <map> تیگ

تعریف اور استعمال

<map> برچہ کا استعمال کیا جانا چاہئے تاکہ تصویر نقش نمائیں کا تعریف کیا جاسکے۔تصویر نقش نمائیں (image map،ایک نوع کا منقسم ناوار ناوار نقش نمائیں) ایک تصویر جس میں قابل کلیک کا علاقہ ہوتا ہے، ہیں۔

<map> علامت کو name نمبر،یہ نمبر <img> علامت کا usemap کا نمبر مربوط،تصویر اور نقش نمائیں کے درمیان تعلقات قائم کرتا ہے。

<map> علامت میں کچھ <area> علامت،تصویر نقش نمائیں میں قابل کلیک کا علاقہ تعریف کرتا ہے。

ایک دوسرین دیکھئے:

HTML DOM مرجع کتاب:ماپ آپرٹ

مثال

مثال 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 میں واقعی اثربخشی کا پرزنٹیشن。

مقابلہ کا CSS تنظیم

بہترین مرورکرات کا دفعہ، درج ذیل پرزنٹیشن کا مظاہرہ کریں گے: <map> عنصر:

map {
  display: inline;
}

بھرپائی کا ذریعہ

کروم ایج فائرفاکس سافری آپریا
کروم ایج فائرفاکس سافری آپریا
پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی