Image map: Difference between revisions

Revision as of 14:51, 24 May 2020

Revision as of 09:54, 25 August 2020

Line 8:

The [[HTML]] code for this type of '''server-side image map''' requires the <code><img></code> tag to be inside an anchor tag <code><a>...</a></code> and the <code><img></code> must include the <code>ismap</code> attribute.

<syntaxhighlight lang="html4strict">

<a href="/imagemapper"><img src="image.gifpng" ismap /></a>

</syntaxhighlight>

When the user clicks inside the image the browser will append the X and Y coordinates (relative to the upper-left corner of the image) to the anchor [[URL]] as a [[query string]] and will access the resulting [[URL]]<ref>{{cite web|url=http://www.w3.org/TR/html-markup/|title=HTML: The Markup Language (an HTML language reference)}}</ref> (for example, <code>/imagemapper?3,9</code>).

Line 33:

<img src="image.png" alt="Website map" usemap="#mapname" />

<map name="mapname">

<area shape="rect" coords="9,372,66,397" href="httphttps://en.wikipedia.org/" alt="Wikipedia" title="Wikipedia" />

</map>

</syntaxhighlight>

Line 93:

==External links==

* [https://www.image-map.net/ ''Image Map Generator''] Online Editoreditor for Imageimage maps

[[Category:HTML]]

[[Category:XHTML]]