带有嵌入链接的图像？

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代码。