উপাদানটির কর্ড বৈশিষ্ট্য চিত্র মানচিত্রে এলাকার স্থানাঙ্ক সেট করতে ব্যবহৃত হয়। আকৃতি বৈশিষ্ট্য সহ বৈশিষ্ট্য ব্যবহার করুন এবং একটি এলাকার আকার এবং আকার সেট করুন।
নিম্নলিখিত বাক্য গঠন
<area coords="value">
উপরের মানের অধীনে, আপনি বিভিন্ন পরামিতির সাথে নিম্নলিখিত স্থানাঙ্কগুলি সেট করতে পারেন −
| x1,y1,x2,y2 | আয়তক্ষেত্রের উপরের-বাম এবং নীচে-ডান কোণার স্থানাঙ্ক (shape="rect") |
| x,y,ব্যাসার্ধ | বৃত্ত কেন্দ্র এবং ব্যাসার্ধের স্থানাঙ্ক (shape="বৃত্ত") |
| x1,y1,x2,y2,..,xn,yn | বহুভুজের প্রান্তগুলির স্থানাঙ্ক। |
আসুন এখন উপাদান −
-এর কর্ড অ্যাট্রিবিউট প্রয়োগ করার জন্য একটি উদাহরণ দেখি।উদাহরণ
<!DOCTYPE html> <html> <body> <h2>Learning</h2> <p>Learn these technologies with ease....</p> <img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/> <map name = "tutorials"> <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27" href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" /> <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial" href = "/html/index.htm" target = "_blank" /> <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial" href = "/php/index.htm" target = "_blank" /> </map> </body> </html>
আউটপুট
উপরের উদাহরণে, আমরা মানচিত্রটি নিচের ছবিতে −
সেট করেছি<img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>
এখন, আমরা এর মধ্যে মানচিত্র এবং ক্ষেত্রফল −
আকারের জন্য সেট করেছি<map name = "tutorials"> <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27" href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" /> <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial" href = "/html/index.htm" target = "_blank" /> <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial" href = "/php/index.htm" target = "_blank" /> </map>
এলাকা নির্ধারণ করার সময়, আমরা কর্ড অ্যাট্রিবিউট দিয়ে এলাকার স্থানাঙ্ক সেট করেছি −
<area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial" href = "/html/index.htm" target = "_blank" />
