带有嵌入链接的图像？

Question

我需要在图片中嵌入链接，在谷歌网页上，这会将您发送到其他网页。更具体地说，它是一个细胞的交互式图像，应该允许您单击单个细胞器（亚细胞区域），并通过指向不同站点的链接获得有关每个细胞器的信息。我认为它需要编码，并且图像上每个位置的坐标也是必需的......但我面临编程挑战，如果存在更简单的方法或网页可以为你做到这一点，那太棒了。非常感谢您的帮助！任何信息都非常感谢。

Answer 1

您需要<map> 标签！

W3School 的这个例子展示了它是如何工作的：

标签用于定义客户端图像映射。图像映射 是带有可点击区域的图像。

<map> 元素的必需名称属性与 <img> 的 usemap 属性并在 图片和地图。

元素包含许多<area>元素，定义 图片地图中的可点击区域。

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>

有在线工具like this one 可以让您直接从浏览器构建该html 代码。