HTML চিত্র মানচিত্র উপাদান (The HTML Image Map element)

<map>: HTML চিত্র মানচিত্র উপাদান (The HTML Image Map element)। HTML <map> ট্যাগ একটি চিত্র মানচিত্রকে সংজ্ঞায়িত করে, যা ক্লিকযোগ্য এলাকা সহ একটি চিত্র। একটি ক্লায়েন্ট-সাইড চিত্র মানচিত্র সংজ্ঞায়িত করার জন্য <map> ট্যাগটি <area> ট্যাগের সাথে ব্যবহার করা হয়। <area> ট্যাগ একটি চিত্র মানচিত্রের মধ্যে একটি ক্লিকযোগ্য এলাকা বা হটস্পটকে সংজ্ঞায়িত করে। আপনি এই ক্লিকযোগ্য এলাকার সাথে একটি হাইপারলিঙ্ক যুক্ত করতে পারেন। <map> ট্যাগের বেশ কিছু বৈশিষ্ট্য রয়েছে, যার মধ্যে রয়েছে: নাম, আকৃতি, কর্ডস, href, alt ইত্যাদি। <map> ট্যাগটি ছবি এবং মানচিত্রের মধ্যে একটি সম্পর্ক তৈরি করতে <img> ট্যাগের usemap বৈশিষ্ট্যের সাথে যুক্ত। ইমেজ ম্যাপ আলাদা ইমেজ ফাইলে ইমেজ বিভক্ত না করে ইমেজের বিভিন্ন অংশ লিঙ্ক করার একটি সহজ উপায় প্রদান করে। উদাহরণস্বরূপ, একটি ওয়েবসাইট দর্শকদের বিভিন্ন বিষয় সম্পর্কে আরও তথ্য প্রদান করতে একটি চিত্র মানচিত্র ব্যবহার করতে পারে। HTML চিত্র মানচিত্র উপাদান (The HTML Image Map element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল।।

Example:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML MASTER JHUTANDA</title>
    <!--https://jhutanda.com-->
    <!--https://github.com/jhutanda-->
</head>

<body>

    <!--Need to add a image which is combination of others images-->
    <img src="desktop/college.jpg" usemap="map">

    <map name="-map">
        <!--This cords or destance inner images position from main image (It is not same for all)-->
        <area shape="poly" title="polygon" coords="19,28,222,228,253,55,58,25" />
        <area shape="circle" title="Circle" coords="301,132,96" />
    </map>

</body>

</html>

Scroll to Top