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

最新推荐文章于 2021-09-06 14:59:57 发布

qq_45670012

最新推荐文章于 2021-09-06 14:59:57 发布

阅读量3.1k

点赞数 1

分类专栏：前端文章标签： html

原文链接：https://www.mk2048.com/blog/blog.php?id=hika2ajihjkj&title=%E4%BD%BF%E7%94%A8Dreamweaver%E5%9C%A8%E4%B8%80%E5%BC%A0%E5%9B%BE%E7%89%87%E4%B8%8A%E6%B7%BB%E5%8A%A0%E5%A4%9A%E4%B8%AA%E7%83%AD%E7%82%B9%E9%93%BE%E6%8E%A5

版权

前端专栏收录该内容

1223 篇文章 6 订阅

订阅专栏

所有代码：

<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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_45670012

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
使用Dreamweaver在一张图片上添加多个热点链接

所有代码： <html><head><meta charset="utf-8"><title>无标题文档</title></head><body><img src="http://mei...
复制链接

扫一扫