img标签的usemap的用法

最新推荐文章于 2021-06-18 23:59:20 发布
最新推荐文章于 2021-06-18 23:59:20 发布
阅读量372 收藏
点赞数
分类专栏： javascript 文章标签： usemap


 

java 代码
  1. <img src="/images/test.jpg" border="0" usemap="#Map1" name="flag"/>   
  2.   
  3. <map name="Map1">   
  4.   <area shape="rect" coords="0,0,386,27" style="cursor:hand" href="#" />   
  5.   <area shape="rect" coords="194,28,362,65" style="cursor:hand" href="#" />   
  6.   <area shape="rect" coords="197,165,362,199" style="cursor:hand" href="#"/>   
  7.   <area shape="rect" coords="0,196,387,223" style="cursor:hand" href="#"/>   
  8. </map>  
jwfdp
关注
专栏目录
html/css学习零星笔记（二）——使用usemap属性创建图片映射
小狼驿站
10-28 1069
下面是一段示例代码，以w3school给出的示例为基础，代码如下： 这样的设计就可以让eg_planets.jpg图片产生三个可以超链接的区域，分别链接到不同的地址上。 需要注意的是标签中，coords属性。coords属性的数据取决于前面shape属性的值。 例如本例中，shape属性的值是circle（圆形），coords属性的值180和1
HTML img标签水平垂直居中
Artemis视同
01-05 1万+
HTML img标签 图像是网页中不可却上的部分，巧妙地使用会给网页增色不少。 图像的格式 图像的格式通常有三种，GIF、JPEG和PNG。GIF最大的优点就是可制作动态图像，还有图像未完全下载时会以马赛克的形式慢慢显示。JPEG在需要全彩模式表现的时候使用最合适。PNG是一种非破坏性的网页图像文件格式，它提供了将图像文件以最小的方式压缩却又不造成图像失真的技术。它不仅具备了GI
图解img标签的usemap使用
http://faveting.com/
07-15 1186
摘抄于   ----   作者:肖文伟 各位在看这篇文章之前请先到w3school来了解一下&lt;img&gt;标签中的usemap属性是什么: 在有些概念之后,文章将要开始介绍&lt;img&gt;标签的usemap详细使用方法了. usemap属性在w3school描述为: usemap 属性提供了一种“客户端”的图像映射机制. 事实上我个人觉得它就是在一个图像上描绘了多个“热点...
USEMAP的用法
weixin_33749131的博客
10-29 464
usemap是<img>标签的一个属性，用作指明所使用的图像地图名。后面的#Map的Map就是用<map>标签定义的一个图像地图，它的name属性是Map,像下面这样定义： <map name="Map"> <area shape=rect coods="100,100,200,200" href="test1.html"> &lt...
Usemap的用法
CJ技术空间站
07-28 1106
<br />usemap是<img>标签的一个属性，用作指明所使用的图像地图名。 <br />后面的#Map的Map就是用<map>标签定义的一个图像地图，它的name属性是Map,像下面这样定义： <br /><map name="Map"> <br /><area shape=rect coods="100,100,200,200" href="test1.html"> <br /><area shape=rect coods="200,100,300,200" href="test2.html"> <
img 标签的 usemap 属性
weixin_33705053的博客
01-08 275
<img src="1.gif" alt="Planets" usemap="#Map"/> <map name="Map"> <area shape="rect" coords="11,10,180,180" href="detail/Best_marketing.html"> <area shape="rect" coords="198,13,3...
html map 标签使用
06-27
本文将详细介绍`<map>`标签的基本概念、使用方法及其应用场景。 #### 二、`<map>`标签基本介绍 ##### 2.1 标签定义 `<map>`标签用于定义一个客户端图像映射，该映射由多个`<area>`标签组成，每个`<area>`标签定义...
python用find爬虫提取img下的src属性_基于 Python 的 Scrapy 爬虫入门：页面提取
weixin_39894473的博客
12-10 601
目录下面创建一个爬虫项目，以图虫网为例抓取图片。一、内容分析打开 图虫网，顶部菜单“发现” “标签”里面是对各种图片的分类，点击一个标签，比如“美女”，网页的链接为：https://tuchong.com/tags/美女/，我们以此作为爬虫入口，分析一下该页面：打开页面后出现一个个的图集，点击图集可全屏浏览图片，向下滚动页面会出现更多的图集，没有页码翻页的设置。Chrome右键“检查元素”打开开发...
map标签的参数详细介绍及使用示例
09-28
这里的`id`和`name`属性是必需的，它们为图像映射提供了一个唯一的标识符，以便在`<img>`标签中引用它。例如： ```html <img src="image.jpg" usemap="#mapName" /> ``` `usemap`属性的值（#mapName）应与`<map>`...
详解 html area标签
09-22
`<map>` 的 `name` 属性用于关联到`<img>` 标签的 `usemap` 属性，创建图像与映射之间的联系。同时，为了兼容性，`<map>` 还可以设置 `id` 属性，两者都可以被 `usemap` 引用，但浏览器可能会优先使用 `id`。 示例...
<IMG>中UserMap的用法
weixin_34025051的博客
01-08 1449
usemap是&lt;img&gt;标签的一个属性，用作指明所使用的图像地图名。 后面的#Map的Map就是用&lt;map&gt;标签定义的一个图像地图，它的name属性是Map,像下面这样定义： &lt;map name="Map"&gt; &lt;area shape=rect coods="100,100,200,200" href="test1.html"&gt; &
img标签usemap属性
zhouruitao的专栏
06-23 426
html的img标签：定义一个图像在网页中引入。它还有个usemap属性很有意思。   看看51ditu首页中有一个地图，中部有个中国地图。点击右键下载下来看下就是一个普通的图片。   但点击地图上的省份却可以出发不同的事件（或打开不同的链接），很有意思。原来是使用了usemap属性。   当然还要定义一个map标签。整份代码如下：   &lt;html&gt; &lt;head...
HTML <img> 标签的 usemap 属性
Stop Tears
11-02 352
HTML &lt;img&gt; 标签的 usemap 属性 HTML &lt;img&gt; 标签 定义和用法 usemap 属性将图像定义为客户端图像映射。 图像映射指的是带有可点击区域的图像。 usemap 属性与 &lt;map&gt; 元素的 name 或 id 属性相关联，以建立 &lt;img&gt; 与 &lt;map&gt; 之间的关系。 HT...
img usemap attribute
mychao的专栏
04-11 1392
usemap是标签的一个属性，用作指明所使用的图像地图名。 后面的#Map的Map就是用标签定义的一个图像地图，它的name属性是Map,像下面这样定义： ... 使用时： 图像地图把一幅图像分成若干个区域，点击不同的区域会进入不同的页面。为了创建客户端图像映像，需要增加新属性USEMAP如下：〈IMG SRC="map_name.gif"
HTML中的usemap作用,HTML
weixin_33357508的博客
06-18 1047
usemap属性用于将图像指定为客户端image-map。 image-map是可单击的图像区域。 usemap属性用于在图像和Map之间创建关系。用法:属性值：mapname:它用于保存包含哈希(＃)字符的Map名称。例：HTML img usemap Attributebody {text-align:center;}h1 {color:green;}GeeksforGeeksHTML u...
HTML 图片热区（img usemap）
热门推荐
司马懿的西山居
02-13 1万+
<img> element ‘s attribute: usemapMDN https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img The partial URL (starting with ‘#’) of an image map associated with the element. Usage note:
html<img>标签的usemap属性
zhouyan_ll的专栏
01-02 1003
详细内容见http://www.w3school.com.cn/tags/att_img_usemap.asp 其中usemap中coords="788,43,917,67"是指左上角的坐标和右下角的坐标。 例：                            http://www.2909999.com/swt/" target="_blank" />
html中的area标签及其用法
最新发布
08-11
在上述代码中，我们首先使用img标签来显示地图图片，并在使用该图片的地方指定了一个usemap属性，该属性的值与map元素的name属性相对应。然后，我们使用map标签定义了一个名为"map"的图像映射区域，其中有两个区域，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值