如何在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>
以上是 如何在HTML图片中创建可点击区域? 的全部内容, 来源链接: utcz.com/z/334652.html