<area> 图像映射

图像热点&图像映射

图像映射图像映射也称为图像热点. 作用: 让同一张图片上的不同区域,可以实现多个不同的超链接功能. 图示: <map>图像映射三步走: 图像映射的实现需要三方面配合完成: 1.图像映射容器,就是一个img标签,需使用usemap属性与map标签建立联系 2.图像映射,就是一个map标签,需要使用name属性与map标签建立联系 3.热点区域,需要使用map标签的子标签area来建立热点区域语法格式: <img src="1.jpg" usemap="#M

图像映射map

<map>标签:带有可点击区域的图像映射定义一个客户端图像映射.图像映射(image-map)指带有可点击区域的一幅图像. 效果图: 点击相应蓝色标签可进入详情页面浏览. 代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图像映射-Map</title> </head> &

图像映射<map>、<area>

1.<map>定义图像映射,图像映射(image-map)指带有可单击区域的一幅图像. 2.<area>定义图像映射中的区域,area元素永远嵌套在map元素内部,area元素可定义图像中的映射区域. shape="rect" 是指点击区域的形状矩形,coords="657,15,735,45",点击区域的四点坐标x1,y1,x2,y2,矩形:(左上角顶点坐标为(x1,y1),右下角顶点坐标为(x2,y2)),href="#&quo

HTML <map> 标签－创建带有可点击区域的图像映射

定义和用法定义一个客户端图像映射.图像映射(image-map)指带有可点击区域的一幅图像. 所有主流浏览器都支持 <map> 标签. 注释:area 元素永远嵌套在 map 元素内部.area 元素可定义图像映射中的区域. <img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 <map> 添加 id 和 name 属性. 实例带有可点击区域的图像映射: <html> <

HTML <area> 标签带有可点击区域的图像映射（图像映射指的是带有可点击区域的图像）

例子: <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="

带有可点击区域的图像映射：HTML <map> 标签

实例带有可点击区域的图像映射: <img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14

html 图像映射（一个图像多个连接）

以前就见过那种导航地图,点击地图的不同省份分别跳到不同的连接,现在用html实现一下,简单的. 图像映射是指一个图像可以建立多个连接,就是在图像上面定义多个区域,每个区域连接到不同的地址. 效果如图:(可以直接分别点击四个人物头像试试!) 点击索隆,跳到索隆. 点击索隆,跳到索隆. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loos

html 图像映射

个人先做而一个例子 <body> <img src="图像映射/enterdesk.com-D69055E2B422567CB273963EA05FF7D4.jpg" width="800px" height="600px" usemap="#m" alt="图片加载有误"/> <map name="m"> <area shape="r

HTML图像映射

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn"> <head> <met

HTML <img>标签创建图像映射

初级前端一枚下面代码是在图片上创建图像映射自己整理了下做个笔记希望也可以帮助后来学习的朋友! <map name="planetmap"> <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm"> <area shape="circle" coords="90,58,3

<area> 图像映射

热门专题