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

前面我们有谈到了通过图片定位给一张图片添加多个链接,现在用另外一种方法来实现,用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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏达摩兵的技术空间

css3媒体查询简介

<link rel="stylesheet" media="min-width=900" />

685
来自专栏前端新视界

使用 canvas 画图时图像文字模糊的解决办法

最近在使用 canvas 画图的时候,遇到了图像文字模糊的问题,解决思路就是根据分辨率绘制不同尺寸的画布。以下是创建高分辨率画布的代码:

682
来自专栏一“技”之长

iOS使用xcode可视化图像编辑功能进行图片拉伸

在我的另一篇博客http://my.oschina.net/u/2340880/blog/403996中探讨了IOS拉伸图像(UIImage)的几种方法和一些小...

882
来自专栏数据小魔方

裁图、抠图、换背景,PPT也可以

今天跟大家聊一聊PPT的基本图片处理功能! ▽ 每次做PPT的时候 总想弄几个感觉还不错的图片 插入PPT里来装装bigger 可是能找到的图片 不是背景不搭 ...

33510
来自专栏Petrichor的专栏

opencv: cv2.rectangle 通过确定对角线 画矩形

在做项目的过程中,标记数据是记录每个 bounding box 的左上角和右下角坐标。因为用到了数据增强,所以我有了一个疑虑:

752
来自专栏知道一点点

SVG初识

个人认为现在svg可能有点过时了,svg的很多功能css3或者canvas都能做到很好的效果,

692
来自专栏WOLFRAM

如何利用图形基元?

1003
来自专栏前端知识分享

第41天:匀速、缓动运动和图片无缝滚动

缓动运动 公式:leader=leader+(target-leader)/10;//leader为初始值0,target为结束值,10可以改变,值越大,速度越...

912
来自专栏听雨堂

快速制作边框的心得

常常需要制作一个边框,中间放个半透明的板子,用来放置文字,最快的方法是: 1、画一个圆边矩形 2、保存选区,再画收缩之或者自由变换选区,两者运算,求出边框 3、...

1759
来自专栏码匠的流水账

聊聊qrcode的detect position

本文主要介绍下qrcode的detect position,也就是定位图案,用于定位一张图片中二维码所处的位置。

991

扫码关注云+社区