map标签的详细使用参数

map标签必须成对出现,即

<map> ....</map>

同时map必须和area配合使用。

img标签里的usermap属性值必须与map标签里的id和name值完全一致

 

area标签:定义图片的点击区域 area 是单标签,不成对。

属性:

accesskey 快捷键

alt 图片提示文字

coords 定义和点击区域的图形的坐标

href 链接地址

nohref 图像点击可排除的区域,当不是有href时,需要使用nohref

shape 可点击区域的形状

tabindex    tab键遍历

target 链接目标

代码实例:

<img src="images/logo.gif" usermap="#map"/>

<map id="map" name="map">

<area shape="rect" coords="a,b,c,d" target="_blank" href=""/>

<!-- a,b,c,d分别是矩形的左上角和右下角的坐标值 !>

<area shape="circle" coords="a,b" target="_blank" href="" />

<!-- a,b分别是圆形的圆心的坐标值 !>

<area shape="poly" coords="a,b..." target="_blank" href="" />

<!-- a,b分别是多边形的各个定点的坐标值 !>

</map>

转载于:https://www.cnblogs.com/james1207/p/3306183.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/550272.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

快捷方式修复_Mac上的屏幕截图不起作用该如何修复?

屏幕截图是Mac提供的内置功能&#xff0c;很少有它不起作用。但是由于某些意外的设置或硬件问题&#xff0c;Mac上的屏幕截图有时无法正常工作&#xff0c;这里提供的是Mac上的屏幕截图不起作用该如何修复&#xff1f;1.在Mac上启用屏幕快照快捷方式如果您按CMD SHIFT 3或CMD…

计算机二级2019年9月c语言题库,(3)2019年9月计算机二级C语言试题

当你的计算机知识还撑不起你的学习、工作时&#xff0c;那你就应该静下心来刷计算机等级考试题库-二级C语言试题。1)下列叙述中正确的是( )。A.解决同一个问题的不同算法的时间复杂度一般是不同的B.解决同一个问题的不同算法的时间复杂度必定是相同的C.对同一批数据作同一种处理…

MySQL对于有大量重复数据表的处理方法

需要在MySQL的一张innodb引擎的表(tableA)上添加一个唯一索引(idx_col1_u)。但是对于每个key(col1)表中已经有大量重复数据。此时&#xff0c;做数据的手工清理&#xff0c;或者SQL处理是非常耗时的。 MySQL有一个独有的 alter ignore add unique index的语法。 ALTER [ONLINE …

python qt 按钮_PyQt(Python+Qt)学习随笔:toolButton的popupMode属性

属性介绍toolButton的popupMode属性为设有菜单集或Action列表的toolButton指定菜单弹出模式&#xff0c;类型为枚举类型ToolButtonPopupMode&#xff0c;有如下三种模式&#xff1a;1、DelayedPopup(值为0)&#xff1a;按住toolButton一定时间(超时取决于样式&#xff0c;请参见…

最短哈密顿路径 c语言算法,最短路径系列【最短路径、哈密顿路等】

最短路径问题&#xff0c;一个经典算法问题。本文粗略总结了一种常见的最短路径算法&#xff0c;以及几个最短路径变种问题的解法&#xff0c;其中包括哈密顿路。对于有向图或者无向图&#xff0c;假设有V个节点&#xff0c;E条边&#xff0c;G[Vi,Vj]表示图中点Vi到Vj边的权值…

Android应用开发学习笔记之多线程与Handler消息处理机制

作者&#xff1a;刘昊昱 博客&#xff1a;http://blog.csdn.net/liuhaoyutz 和JAVA一样&#xff0c;Android下我们可以通过创建一个Thread对象实现多线程。Thread类有多个构造函数&#xff0c;一般通过构造函数Thread(Runnable runnable)实现多线程&#xff0c;代码如下&#…

nsga2算法c++实现_Bellman-Ford算法

之前文章对于Dijkstra算法进行了讲解和实现&#xff0c;其实现的原理在于采用贪心算法&#xff0c;遍历N(结点数)次&#xff0c;每次找到局部最优的路径的结点u&#xff0c;判断该节点可达的顶点v的权重是否大于结点u权重u->v的权重&#xff0c;如果大于则替换顶点v的权重(也…

JSTL详解(一)

将jstl.jar包导入到工程中 jstldemo1.jsp <% taglib prefix"c" uri"http://java.sun.com/jsp/jstl/core" %> <% page contentType"text/html; charsetgb2312" language"java" %> <c:set var"userName&quo…

android 获取phone实例,Android ContentProvider获取手机联系人实例

在做项目的时候&#xff0c;因为要用到我们自动获取联系人的姓名和电话&#xff0c;就想到了ContentProvider分享数据的功能&#xff0c;这样做既节省了时间&#xff0c;也减少了我们输入错误号码的几率&#xff0c;所以&#xff0c;想在这里把小demo分享给大家&#xff0c;方便…

电脑长截图软件_电脑屏幕长截图+WORD文档里没有插入PDF文件选项时怎么办? 简单一招轻松完成...

111111办 公 小 技 巧在用电脑查看网页时&#xff0c;想把网页上的内容截下来&#xff0c;保存成一张图片&#xff0c;可是内容又不全在一屏里&#xff0c;不能简单的用截屏完成&#xff0c;这时怎么办&#xff1f;想把一个PDF文件插入到WORD文档里&#xff0c;而电脑里的WORD版…

年终总结

时光飞逝,岁月如风,不知不觉新的一年来临了,回顾2010自己收获还是挺多的。虽然钱没余到多少&#xff0c;但是更多的是让我得到了成长、获得了经验。 我是8月份来到了爸妈在线的&#xff0c;很荣幸成为了爸妈在线的一员&#xff0c;同时也很高兴加入了技术研发部这个部门&#x…

Goland配置leetcode

1. 安装 首先在goland的setting界面上找到Plugins&#xff0c;然后搜索关键字leetcode&#xff0c;找到LeetCode Editor&#xff0c;安装它。 在安装后&#xff0c;第一次需要对其进行配置&#xff0c;在Tools中找到LeetCode Plugins&#xff0c;如下图所示进行配置。首先国内…

华为联发科可以升级鸿蒙吗,华为鸿蒙系统降临!首批升级手机确定,联发科芯片被放弃?...

原标题&#xff1a;华为鸿蒙系统降临&#xff01;首批升级手机确定&#xff0c;联发科芯片被放弃&#xff1f;按照计划&#xff0c;华为会在4月份逐渐开放鸿蒙系统手机版的升级&#xff0c;首批可升级的机型目前华为只确定了Mate X2。虽然说这两年采用华为自主芯片的手机&#…

python 多关键字匹配_使用django的objects.filter()方法匹配多个关键字的方法

介绍&#xff1a;今天在使用django的时候忽然想用到&#xff0c;如何匹配多个关键字的操作&#xff0c;我们知道django有一个objects.filter()方法&#xff0c;我们可以通过如下一句代码实现匹配数据库中title包含key关键词的文章名称。table.objects.filter(title__containske…

js中一些怪异的写法

1、var s (10)||{name:janey}   因为10是false,按照或运算规则&#xff0c;继续运算&#xff0c;得到{name:janey} &#xff0c;所以s{name:janey}   同理 var s (11)||{name:janey}&#xff0c;这时11为true,不再继续运算下去&#xff0c;所以strue;   或运算的结果并…

wordpress html页面缓存 cdn,WordPress 下老旧又高效的本地缓存插件 cos-html-cache

摘要Cos Html Cache是一种非常有效的WordPress页面缓存插件可以让你的站点更快更灵敏。基于URL重写&#xff0c;插件将自动生成HTML文件的帖子真正当他们第一次加载&#xff0c;并自动更新HTML文件。说起 WordPress 的缓存插件来对明月来说绝对是个老生常谈的话题了&#xff0c…

python记忆式键入_Python基础

一。基础1.输出与输入&#xff1a;输出&#xff1a;print(变量/字符串)输入&#xff1a;input() 返回的是字符串priceinput()print(price)2.python风格(1)注释 #(2)一般情况是一行结束该句结束&#xff0c;但是如果想要续行&#xff0c;在行的结尾加上 \(3)无需换行符也可以换行…

使用动软代码生成器的注意事项

使用动软代码生成器的注意事项 C# 2011-01-17 21:58:39 阅读21 评论0 字号&#xff1a;大中小 订阅 使用动软代码生成器的注意事项 工厂模式&#xff1a; 一、利用动软生成项目&#xff0c;设置顶级命名空间。二、打开所生成的项目&#xff0c;检查每一层是否为独立的程序集…

html5视差滚动效果,视差滚动效果

插件描述&#xff1a;制作视差滚动效果The meat and potatoes. Invoking these will move that page in from that side.parallax.bar.left(); //Bar slides in from the leftparallax.foo.top(); //bringing back foo from the topparallax.bar.bottom(IAmBack()); //We got c…

Oracle--基础

Oracle数据库的体系结构 数据库: databaseOracle数据库是数据的物理存储,和mysql不一样的是,只要我们愿意,我们就可以在mysql下创建任意的数据库,每个新项目的启动,创建一个数据库,然后通过showdatabases可以查看到全部数据库,但是Oracle的数据库是一个操作系统只有一个库,说白…