使用Dreamweaver在一张图片上添加多个热点链接

所有代码：

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head><body>
<img src="http://meitianjinbu.oss-cn-beijing.aliyuncs.com/upload/2018/08/20180805215340153347722031825.jpg" usemap="#Map"/>
<map name="Map"><area shape="rect" coords="-2,-3,408,280" href="http://meitianjinbu.cn/category-13.html" target="_blank" alt=""><area shape="rect" coords="438,-2,881,280" href="http://meitianjinbu.cn/category-14.html" target="_blank"><area shape="rect" coords="3,280,857,460" href="http://meitianjinbu.cn/category-8.html" target="_blank">
</map>
</body>
</html>

1、新建HTML文件

2、点击设计

3、在图片上右击属性

4、选中相应的区域，在下面输入链接和打开方式

HTML链接用法

文章来源：每天进步网

更多专业前端知识，请上【猿2048】www.mk2048.com

使用Dreamweaver在一张图片上添加多个热点链接相关推荐

如何在网页上添加一个微信关注链接？（一键跳转微信关注公众号）！！注意是从外部跳到微信关注...
如何在网页上添加一个微信关注链接?第三方浏览器打开微信的接口,微信只给部分合作平台开放了接口权限,任何第三方想调用只能是通过一些技术手段来请求接口,获取秘钥(ticket).那么如果我们想减少用户从外 ...
Graphics2D 在一张图片上添加一个带有透明背景的图片或绘制透明图片
目录代码实例代码实例 // 读取原图片信息底图//得到文件File file = new File("d:\\1.png");//文件转化为图片Image srcImg = ...
淘宝店铺装修轮播图片上添加多个自定义链接
受朋友之托,抽了点时间研究了一下店铺装修模板,每个模板都不一样如果想实现一张轮播图片上有多个链接,在轮播的模块内必须支持自定义代码,也就是自己添加代码,我这里就不上图片了,只分析几块重要的代码. 首先 ...
【笔记】html文件的图片上添加文字说明或者链接文字
设置图片标题图片标题1 图片标题1 设置图片标题图片标题2 图片标题2
如何在网页上添加一个微信关注链接？（跳转一键关注页）！！！！注意一定是在微信内置浏览器才有效！！！！！
https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=*********==&scene=110==#wechat_red ...
微信公众号之在图片上添加热点链接
微信公众号图片堆砌麻烦,且无法在一张图片上添加多个链接,经过多方探寻,我发现了一种较为可靠的添加链接的方法: 第一步:登录微信公众号,编辑图文或选择已有图文第二步:在图文中打开f12网页查看选择要添 ...
iOS在图片上添加文字或图片
Objective-C在图片上添加文字,请使用如下方法: /**在图片上添加文字,只支持英文,如果想添加其他文字,请看下面的方法@param image 图片@param string 要添加的文字@ ...
opencv怎么在图片上添加文字？
在 OpenCV 中,可以使用 cv2.putText() 函数在图像上添加文本.这个函数需要指定文本.文本位置.字体.字体比例.颜色.线宽等参数. opencv怎么在图片上添加文字? 下面是一个示例 ...
html页面怎么添加打印,在网页中添加打印按钮或链接的方法
在网页中添加打印按钮或链接的方法发布时间:2020-05-27 17:38:35 来源:亿速云阅读:347 作者:鸽子打印按钮或链接是对网页的简单添加 CSS(层叠样式表)使你可以控制屏幕上的网 ...

使用Dreamweaver在一张图片上添加多个热点链接

使用Dreamweaver在一张图片上添加多个热点链接相关推荐

最新文章

热门文章