通过html<map>标签给图片加链接

简介: 前面我们有谈到了通过图片定位给一张图片添加多个链接,现在用另外一种方法来实现,用html标签给图片加链接 shape 属性为 "rect",表示方形,该值规定矩形左上角坐标(798,298)和右下角的坐标(956,340)。

前面我们有谈到了通过图片定位给一张图片添加多个链接,现在用另外一种方法来实现,用html<map>标签给图片加链接

<img src="/images/hlj.jpg" border="0" usemap="#Map" alt="">
<map name="Map" id="Map"><area shape="rect" coords="798,298,956,340" href="/dot.html" />
</map>

shape 属性为 "rect",表示方形,该值规定矩形左上角坐标(798,298)和右下角的坐标(956,340)。

参考资料:

<area> 标签

http://www.w3school.com.cn/tags/tag_area.asp

http://www.w3school.com.cn/tags/att_area_coords.asp

方形和圆形案例http://www.w3school.com.cn/tiy/t.asp?f=html_areamap

目录
相关文章
|
13天前
|
移动开发 JavaScript Java
关于Android中如何过滤HTML标签
关于Android中如何过滤HTML标签
17 0
|
13天前
|
搜索推荐 前端开发 SEO
SEO需要了解的8大html标签
SEO需要了解的8大html标签
19 2
|
13天前
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
23 0
HTML【详解】表格 table 标签(table的属性,语义化表格,简易表格,合并单元格)
|
20天前
HTML 链接- id 属性
【7月更文挑战第1天】HTML 链接- id 属性。
19 1
|
20天前
HTML 链接语法
【7月更文挑战第1天】HTML 链接语法。
19 1
|
3天前
|
XML 数据采集 机器学习/深度学习
使用 XPath 定位 HTML 中的 img 标签
使用 XPath 定位 HTML 中的 img 标签
|
13天前
HTML【详解】超链接 a 标签的四大功能(页面跳转、页内滚动【锚点】、页面刷新、文件下载)
HTML【详解】超链接 a 标签的四大功能(页面跳转、页内滚动【锚点】、页面刷新、文件下载)
17 0
|
18天前
|
Web App开发 移动开发 HTML5
文本,兼容性-----HTML5新增音频和视频标签
文本,兼容性-----HTML5新增音频和视频标签
|
19天前
|
移动开发
常用HTML标签及其作用
常用HTML标签及其作用
|
20天前
|
搜索推荐
html【标签】meta base
html【标签】meta base
13 0