html <map> - client-side maps

The following is an example of client-side mapping of input coordinates.

The object tag defines the image to be displayed.
The usemap attribute of the object defines the name of the map.
The map element identifies the collection of map areas.
The area tags define the selection areas, and the urls to be displayed if the area is selected.

                     
        <object data="/education/images/samples/physical_world.jpg" type="image/jpeg" usemap="#physical-world">
            <p>This is a map of the world, which can be selected.</p>
        </object>
        <map id="physical-world" name="physical-world"><area alt="United States of America" coords="107,81,96,94,99,107, 155,119, 188,80,165,88,151,79,107,81" href="https://www.cia.gov/library/publications/the-world-factbook/geos/us.html" shape="poly"/><area alt="Canada" coords="107,81,103,61,219,26,208,75,165,88,151,79,107,81" href="https://www.cia.gov/library/publications/the-world-factbook/geos/ca.html" shape="poly"/><area alt="Australia" coords="448,224, 450,202,482,185,498,194,510,211,489,235,481,234,473,222,448,224" href="https://www.cia.gov/library/publications/the-world-factbook/geos/as.html" shape="poly"/>
        </map>