带嵌入式链接的图片?

时间:2015-04-28 18:38:12

标签: html image hyperlink embed webpage

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

1 个答案:

答案 0 :(得分:0)

您需要<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代码。