通过html<map>标签给图片加链接
2016-03-03 08:59
501 查看
前面我们有谈到了通过图片定位给一张图片添加多个链接,现在用另外一种方法来实现,用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
<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
相关文章推荐
- 设置html页面不让浏览器缓存的方法
- html页面显示乱码原因
- ODOO Unable To Find Wkhtmltopdf On This System.
- 深夜学网页(3)——html(3)
- 浅谈HTML的文档类型声明和html命名空间
- HTML框架----frameset&iframe
- 关于html中table表格tr,td的高度和宽度
- HTML系列(四):编辑图像
- html基础总结
- HtmlHelper扩展实例
- html \n -> <br/>
- XHTML简介
- html 标签属性大全 (完美版)
- 关于html标签语义化
- MAC下文本编辑器HTML文件浏览器打开显示问题解决方案
- HTML DOCTYPE 标签
- MVC HtmlHelper用法大全
- HTML---code标签和pre标签
- Razor和HtmlHelper的使用意义
- HTML中非常有用的但容易被忽略的属性