Search With Seek4Info.com
Welcome to collectivesolver - Programming & Software Q&A with code examples. A website with trusted programming answers. All programs are tested and work.

Contact: aviboots(AT)netvision.net.il

Semrush - keyword research tool

Turn ChatGPT, Claude, Gemini, And CoPilot Into Your Personal Assistant, Business Coach, Content Creator, And More

AFFILIATE MARKETING Your all-in-one performance engine Manage affiliates, creators, and customer referrals in one unified platform—turning every partnership into measurable growth
Secure & Reliable Web Hosting, Free Domain, Free SSL, 1-Click WordPress Install, Expert 24/7 Support

Boost your online presence with premium web hosting and servers

Most popular tags

python java c cpp c# javascript php vb# typescript nodejs go rust scala swift kotlin pascal html ruby dart r css bootstrap win32 groovy vbnet winapi sql mysql jquery pascal-string lua winforms kotlin-string bash c-string swift-string cpp-string go-string cobol c#-string php-string java-string vbnet-string rust-string python-string cpp-vector f# opengl scala-string javascript-string pascal-array swift-array typescript-string c-array php-array javascript-array rust-vector typescript-array python-list reactjs scala-array c-windows nodejs-string go-array kotlin-array nodejs-array sdl2 cpp-matrix cpp-array c#-list vbnet-list c-matrix pascal-matrix go-slice c#-array java-array nodejs-express character-code-ascii-unicode swift-matrix c#-matrix sdl3 angularjs transpose-matrix binary-search-algorithm dot-product-two-arrays generate-random-floating-point-numbers all-permutations-combinations kotlin-matrix typescript-matrix vbnet-array kotlin-list calculate-area-pentagon measure-function-execution-time sort-words-string exabyte-constant petabyte-constant terabyte-constant math-functions-constants string-to-title-case create-infinite-loop
Disclosure: My content contains affiliate links.

41,652 questions

54,315 answers

573 users

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



204 views
asked Dec 11, 2018 by avibootz
Share on
share on gp share on fb share on tw share on li share on re share via email

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
359 views
How to position one image on top of another image with HTML and CSS
asked Sep 23, 2019 by avibootz
1 answer 237 views
237 views
How to show an image with specific width and height in HTML
asked Nov 30, 2018 by avibootz
2 answers 302 views
302 views
How to set a background image to HTML element in CSS
asked Jun 16, 2021 by avibootz
1 answer 234 views
234 views
How to rotate an HTML image continuously in CSS
asked Jun 14, 2021 by avibootz
1 answer 268 views
268 views
How to create an image link in HTML
asked Jun 11, 2021 by avibootz
1 answer 208 views
208 views
How to create tooltip to image tag in HTML
asked Oct 22, 2020 by avibootz
 | Search With Seek4Info.com
Powered by Question2Answer
...