Content deleted Content added
Rescuing 1 sources and tagging 0 as dead.) #IABot (v2.0 |
m Bot: Replace deprecated <source> tag and "enclose" parameter [https://lists.wikimedia.org/pipermail/wikitech-ambassadors/2020-April/002284.html] |
||
Line 7:
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.
<
<a href="/imagemapper"><img src="image.gif" 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 30:
The following example defines a rectangular area (9,372,66,397). When a user clicks anywhere inside this area, they are taken to the [[English Wikipedia]]'s home page.
<
<img src="image.png" alt="Website map" usemap="#mapname" />
<map name="mapname">
<area shape="rect" coords="9,372,66,397" href="http://en.wikipedia.org/" alt="Wikipedia" title="Wikipedia" >
</map>
</syntaxhighlight>
===CSS===
| |||