如何在HTML图片中创建可点击区域?
本文向大家介绍如何在HTML图片中创建可点击区域?,包括了如何在HTML图片中创建可点击区域?的使用技巧和注意事项,需要的朋友参考一下
要在图像中创建可点击区域,请创建带有可点击区域的图像映射。例如,在单击框时,将打开另一个网站,在单击同一图像中的三角形时,将打开另一个网站。
<area>标记定义图像内的区域,并嵌套在<map>标记内。以下是属性:
序号 |
属性和说明 |
---|---|
1 |
alt
|
2 |
座标
|
3 |
下载
|
4 |
形状
|
5 |
目标
|
示例
您可以尝试运行以下代码以在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>