How to define image with clickable areas (image map) in HTML

1 Answer

0 votes
<!DOCTYPE html>
<html>
    <body>


        <img src="http://www.all-battery.com/productimages/heli/61089-S109G_1x250.jpg" alt="Image Map" usemap="#imap" width="346" height="250">

        <map name="imap">
            <area shape="rect" coords="0,0,100,50" alt="helicopter" href="https://www.buyfrompictures.com/syma-s109g-apache-ah-64-3-channels-mini-indoor-helicopter/">
            <area shape="rect" coords="0,51,200,100" alt="electronic" href="https://www.buyfrompictures.com/category/electronic/">
        </map>


    </body>
</html>

 



answered Dec 11, 2018 by avibootz

Related questions

1 answer 359 views
1 answer 237 views
2 answers 302 views
1 answer 234 views
1 answer 268 views
268 views asked Jun 11, 2021 by avibootz
1 answer 208 views
208 views asked Oct 22, 2020 by avibootz
...