تگ map در html

سلام آقا سینا

برای اینجور موارد معمولا از ابزارهایی که map generator هستند استفاده میشه. اونجا دقیقا ناحیه ها و لینک ها رو مشخص می کنید رو تصویر و این ابزارها کدش رو بهتون میدن.

مثل این ابزار: image-map.net

<img src="../img/iran2.jpg" alt="iranmap" usemap="#iranm">

    <map name="iranm">

 <area shape="poly" coords="202,170,176,160,157,145,168,130,165,122,197,133,206,139,218,136,232,141,217,153,205,148,204,157" href="https://fa.wikipedia.org/wiki/%D8%AA%D9%87%D8%B1%D8%A7%D9%86" alt="تهران" target="blonk">

        <area shape="poly" coords="364,115,371,81,394,81,402,93,414,99,426,112,445,108,448,160,432,194,420,196,389,192,371,203,369,211,351,216,340,199,351,179,356,169,346,162,335,167,321,175,321,166,337,157,333,142,329,123,330,115,325,110,339,107"

         href="https://fa.wikipedia.org/wiki/%D9%85%D8%B4%D9%87%D8%AF" alt="مشهد" target="blonk">

    </map>

از دو تا تگ area استفاده کنید