如何在HTML图片中创建可点击区域？

要在图像中创建可点击区域，请创建带有可点击区域的图像映射。例如，在单击框时，将打开另一个网站，在单击同一图像中的三角形时，将打开另一个网站。

<area>标记定义图像内的区域，并嵌套在<map>标记内。以下是属性：

序号	属性和说明
1	alt 该区域的备用文字
2	座标该区域的坐标
3	下载单击超链接后，目标将下载
4	形状区域形状
5	目标 URL将在哪里打开

示例

您可以尝试运行以下代码以在HTML图像中创建可点击区域

<!DOCTYPE html>
<html>
   <head>
      <title>HTML area Tag</title>
   </head>

   <body>
      <img src = /images/usemap.gif alt = "usemap" usemap = "#lessons"/>
      <map name = "lessons">
         <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27"
            href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" />
         <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial"
            href = "/html/index.htm" target = "_blank" />
         <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial"
            href = "/php/index.htm" target = "_blank" />
      </map>
   </body>
</html>

基础教程