Html 如何将超链接添加到jpg图像的一部分

我有一个jpg图像将有两个可点击的链接 食品菜单和饮料菜单。 如何分别向这两个页面添加超链接。 非常感谢

编辑：有没有办法让它也适用于响应图像？

使用

上面例子中的坐标非常醒目。

坐标你是指X&Y？ 你可以在Photoshop中完成。打开图像>右键单击裁剪工具>选择切片

---

将要创建超链接的零件切片。切片后，在切片上单击鼠标右键，选择“编辑切片”。您的X&Y坐标将显示

最简单的方法是添加覆盖。这是一个很好的例子-似乎找不到可点击的区域，有什么想法吗？让我再问一个问题，大小改变的响应图像如何？你看到了吗？？评论不适用于扩展讨论。

<img src="myimage.jpg" usemap="#mymap">

<map name="mymap">
  <area shape="rect" coords="1498,1596,1142,1510" href="foo.htm" alt="Foo">
  <area shape="rect" coords="2092,1596,1636,1510" href="bar.htm" alt="Bar">
</map>