带有可点击区域的图像映射:
<area> 标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。
area 元素总是嵌套在 <map> 标签中。
注释:<img> 标签中的 usemap 属性与 map 元素 name 属性相关联,创建图像与映射之间的联系。
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>
必需的属性
DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.
属性
值
描述
DTD
alt |
text |
定义此区域的替换文本。 |
STF |
可选的属性
属性
值
描述
DTD
coords |
坐标值 |
定义可点击区域(对鼠标敏感的区域)的坐标。 |
STF |
href |
URL |
定义此区域的目标 URL。 |
STF |
nohref |
nohref |
从图像映射排除某个区域。 |
STF |
shape |
|
定义区域的形状。 |
STF |
target |
- _blank
- _parent
- _self
- _top
|
规定在何处打开 href 属性指定的目标 URL。 |
TF |
分享到:
相关推荐
* `<area>`: 定义图像映射内部的区域 链接标签 * `<a>`: 定义链接 * `href`: 规定链接指向的页面的 URL * `target`: 规定在何处打开链接文档 表格标签 * `<table>`: 定义表格 * `<tr>`: 定义表格行 * `<td>`: ...
6、<area> 定义图像映射中的区域。 7、<article> 定义外部的内容。 8、<aside> 定义article 以外的内容。 9、<audio> 定义声音内容。 10、<b> 定义粗体文本。 11、<base> 定义页面中链接的基准 URL。 12、<bdo> 定义...
" ></iframe> <br> <br> <br> </div><br> <img name="map" src="/image/maptop.gif" width="950" height="976" border="0" id="map" usemap="#m_map" alt="" /><br> <map name="m_map" id="m_map"><br> <area ...
37.zip<br>Font dialog with custom text preview & color<br>字体对话框中增加字体和颜色的预览(12KB)<END><br>38,38.zip<br>Embedding an HTML Help window into a dialog<br>嵌入一个超文本(HTML)的帮助窗口到...
(2KB)<END><br>28,listfind.zip<br>This sample shows how to use the CList<> template. (9KB)<END><br>29,ndbrow.zip<br>This Visual C++ 6 project shows how to create an MDI application that hosts ...
<p class="comments">Comments - <a href="sc.chinaz.com">17</a> <span>|</span> <a href="index2.html">Continue Reading</a></p> </div> <div class="post"> <h2>Original Wordpress Themes</h2> <div><span...
<td width="530" height="175" valign="top"><img src="images/main.gif" width="530" height="175" border="0" usemap="#Map"></td> </tr> <tr> <td height="36" valign="top"><table width="530" border="0" ...
<area shape="circle" coords="270,50,40" href="Introduce.html" title="这是机器猫的右眼睛"> <area shape="circle" coords="180,250,80" href="MV/index.html" title="这是机器猫的大嘴" target="_blank"> ...
2,If A is an area HTML element which has a map HTML element somewhere in the ancestor chain return the nearest ancestor map HTML element and stop this algorithm. 3,Return the nearest ancestor ...
</TR></TBODY></TABLE><MAP id=Map name=Map> <AREA shape=RECT coords=418,199,529,222 href="http://vip12.us.la/index0.asp.htm"> <AREA shape=RECT coords=410,350,543,402 href=...
html中map热点area的使用,获取图片上的热点
html中map热点area的使用全部代码和效果,兼容所有浏览器,之前的忘记上传图片了,非常抱歉,看了评论才知道,非常不好意思,现在整体代码齐全,全部代码都在这里
<dataCol>area</dataCol> <dataCol>name</dataCol> <dataCol>idCard</dataCol> <dataCol>bankAccount</dataCol> <dataCol>amount</dataCol> <dataCol>remark</dataCol> </dataRow> </template> </...
area 元素总是嵌套在 <map> 标签中。本文重点给大家介绍html area标签的相关知识,需要的朋友参考下吧
这个过程需要使用<map>标签和<area>标签来定义热点区域,使用usemap属性来关联图像与热点区域。 四、图像地图的应用 图像地图广泛应用于网页设计中,例如在网站的首页上使用图像地图来实现导航,或者在电商网站上...
动态改变map-area区域背景色,可滑动改变背景色
vue实现在图片中画矩形框(JS图片画方块定位坐标),并得到对角坐标,并拿到对应坐标制作图片热区并设置map中area的样式(图片热区map area的用法)
map_area 用html内容照明地图区域并调整其大小
Web-前端html+css从入门到精通 117. map标签与area标签.zip
mapAreahtml 的area只能在固定尺寸的html上使用,通过这段js就可以实现自动适配了#使用方法在map标签下面的area标签需要添加class="MXC_hotPhotoItem"默认所有的坐标是基于750宽度的图片进行定位如果图片大小非标准...