HTML中的map标签的使用

map 的意思是热点图片，可以在一张图片中定义一些热点，这些热点可以实现超链接等。

在Html中，给图像使用map标签，可以给图像的某个部分建立超连接，用法如下：

<img src=img.gif usemap="MAP-Name">
<map name="MAP-Name">
<area shape="rect|circle|poly" coords="#" href="url" title="">
</map>

shape -- 定义热点形状

coords -- 定义区域点的坐标

title -- 定义鼠标放在热点区域上的提示语。
href--定义热点能够超链接的网址

注:所有的坐标都是相对于图片左上角的，是一个相对坐标。

下面是一个例子

<html>

<head>

</head>

<body>

</map>

</body>

</html>

转载于:https://blog.51cto.com/4545079/1563015

HTML中的map标签的使用相关推荐

[html] 当html中使用map标签时,area中coords值如何精确定位呢？
[html] 当html中使用map标签时,area中coords值如何精确定位呢? 在 area 标签上支持的属性有 shape.coords.href.alt.target.type.downlo ...
【转】HTML中的map标签
html中的Map,area标签详解工具 Imagination Image Map Editor 一.定义和用法定义一个客户端图像映射.图像映射(image-map)指带有可点击区域的一幅图 ...
Html中的map标签
图像的影像地图超链接,<map>标签浅谈在HTML中还可以把图片划分成多个热点区域,每一个热点域链接到不同网页的资源.这种效果的实质是把一幅图片划分为不同的热点区域,再让不同的区域进行超 ...
今天我们谈一下HTML标签中的map标签的用法和使用场景
首先我们看下这个标签到底是干什么的! W3C的定义: 然后兼容性: 然后与之配套使用的另一个标签: <area/>规定其区域: 我们来看看<map>标签支不支持全局属性:=== ...
html中map属性怎么用的,HTML IMAGE MAP标签的使用
HTML IMAGE MAP标签的使用 http://www.htmlcodetutorial.com/images/images_famsupp_220.html HREF="contac ...
同一个html页面中两个area,HTML中的map和area标签
1. 标签介绍: (1)map标签: 该标签是指图片的映射,也就是说一张可以点击的图片的映射: 属性介绍: <1> id: 中的 usemap 属性可引用中的 id 或 name 属性( ...
html中map标签的用法,HTML中的map和area标签
1. 标签介绍: (1)map标签: 该标签是指图片的映射,也就是说一张可以点击的图片的映射: 属性介绍: <1> id: 中的 usemap 属性可引用中的 id 或 name 属性( ...
php map添加元素,html map标签怎么用
html map标签用于客户端图像映射.图像映射指带有可点击区域的一幅图像.因为中的 usemap 属性可引用中的 id 或 name 属性(取决于浏览器),所以我们应同时向添加 id 和 nam ...
Struts2框架中s:if标签和s:set标签小结
版权:JavaIT学习室转载请标明,http://www.javait.org 最近发表了几篇文章都是对在使用Struts2框架中的标签进行一些知识点的归纳.今天这篇文章是对s:if标签和s:set ...

HTML中的map标签的使用

HTML中的map标签的使用相关推荐

最新文章

热门文章