【创建图像映射】

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>创建图像映射</title>
</head>
<body>
<img src="../images/guojihua.jpg" width="400" height="147" usemap="#Map" border="0">
<map name="Map">
    <area shape="rect" coords="18,38,123,104" href="https://www.baidu.com" target="_blank" alt="矩形定义">
    <area shape="circle" coords="204,69,41" href="https://www.mafangshan.com" target="_blank" alt="圆形定义">
    <area shape="poly" coords="285,17,344,9,380,58,329,106,273,56" href="https://www.58.com" target="_blank" alt="多边形定义">
</map>
</body>
</html>

图像映射就是将一幅图片划分出若干个链接区域,访问者点击不同的区域会链接到不同的目标网页。

时间: 2024-10-11 18:37:49

【创建图像映射】的相关文章

创建图像映射

图像映射:带有可点击区域的图像.通常不同区域对应不同的超级链接. 分类: 1.服务器端图像映射:把鼠标的 x.y 坐标(相对于图像的左上角)发送到服务器端.服务器端程序根据坐标来做出响应. 2.客户端图像映射:鼠标的坐标信息无需提交服务器,点击映射即可链接到目标位置. 用法 1.服务器端图像映射:

HTML &lt;map&gt; 标签-创建带有可点击区域的图像映射

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

HTML &lt;area&gt; 标签 带有可点击区域的图像映射(图像映射指的是带有可点击区域的图像)

例子: <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 中有关图像的元素:( 根据W3标准 ,元素不推荐的 属性 不做分析 )  <img>元素------向网页中嵌入一幅图像 img元素的属性: (1)src:图片来源URL. (2)alt: 规定图像的替代文本. (3)height和width:单位为像素,如果不指定,则为默认:如果只指定height或width,则自动调整大小. (4)ismap :将图像定义为服务器端图像映射. (5)usemap:将图像定义为客户器端图像映射. (6)longdes

图像映射

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href =&quo

Zabbix用户福利来了,解放你的双手,动态根据用户需求自动创建图像

Zabbix的装逼利器grafana, 不是单单只是好看而已 grafana + zabbix 实现zabbix漂亮得衣服,你以为我会这么说:不不不,如果是那样我标题也不会说grafana不止是好看而已,我看重得是他得动态数据能力.  有人会觉得 grafana 只是好看而已,但是一个个创建图像太麻烦了,尽管很好看最后还是放弃使用了,我这里要提到的 grafana 动态数据能力能够释放你得双手,解决反复创建图像得繁琐工作. grafana 什么动态数据能力呢? 又有什么用呢?  能够给我们带来什

html 图像映射(一个图像多个连接)

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

9-1创建图像的基本步骤

学前了解: 在PHP中可以通过GD库处理图像创建一个图像应该完成如下所示的四个基本步骤: 1.创建图像 2.绘制图像 3.输出图像 header函数注意点 在该函数之前,不能输出任何内容 在我们的PHP代码 的函数里面,我们使用的/开头的路径 这个/不是指 web根目录,而是操作系统的 文件的根目录! 4.释放资源 <?php header('Content-type:image/jpeg');//默认情况header('Content-type:text/html'); $img=imagec

图像热点&图像映射

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