html语法之--使用图像映射

1 什么是图像映射
所谓图像映射是指在一幅图中定义若干个区域,每个区域中指定一个不同的超链接,当单击不同的区域时便可以跳转到相应的目标页面。
2 创建图像映射
2.1 定义映射区域
定义映射区域使用MAP标记符,在<MAP>和</MAP>之间添加映射区域。添加映射区域使 用AREA标记符。该标记符具有三个基本属性:
href 标识出目标的URL
shape 说明映射区域的形状。取值可是:
  rect 矩形
  circle 圆形
  poly 多边形
  default 整个图像区域 coords 用于标识映射区域的边界。
2.2 对映射区域进行引用
标记了映射区域之后,就可以通过在IMG标记符中使用usermap属性来引用相应的映射信息。
一个完整的图像映射语法如下:
<map name="mymap">
<area href=URL1 shape=rect coords="x1,y1,x2,y2">
<area href=URL2 shape=circle coords="x,y,r">
<area href=URL3 shape=poly coords="x1,y1,x2,y2,...,xn,yn">
</map>
<img src=image_URL usemap=#mymap>//注意名字前面有一个#号。
注意:map标记符中,name属性的取值必须与img标记符中,usemap属性的取值相同,只是usemap属性的值前面多了一个# 。

时间: 2024-08-05 11:37:24

html语法之--使用图像映射的相关文章

web.xml中的url-pattern映射规则

Servlet和filter是J2EE开发中常用的技术,使用方便,配置简单.servlet和filter中的url-pattern有一些文章在里面的,总结了一些东西,以免遇到问题又要浪费时间. 一,servlet容器对url的匹配过程: 当 一个请求发送到servlet容器的时候,容器先会将请求的url减去当前应用上下文的路径作为servlet的映射url,比如我访问的是 http://localhost/test/aaa.html,我的应用上下文是test,容器会将http://localho

第11章 在网页中使用图像

11.1 在网页上放置图像 <!-- <img />标签的src和alt属性是XHTML网页要求的.src属性标识图像文件,alt属性指定关于图像的描述性文本 --> <img src ="myimage.gif"alt = "My Image" /> 11.2 用文本描述图像 <!-- title属性对<img />标签不是必需的.title属性类似于alt属性,实际上,在两个属性都指定的情况下, 在工具提示中

Angular2组件开发—模板语法(六)

#var - 局部变量 有时模板中的不同元素间可能需要互相调用,Angular2提供一种简单的语法将元素 映射为局部变量:添加一个以#或var-开始的属性,后续的部分表示变量名, 这个变量对应元素的实例. 在下面的代码示例中,我们为元素h1定义了一个局部变量v_h1,这个变量指向 该元素对应的DOM对象,你可以在模板中的其他地方调用其方法和属性: 1 @View({ 2 template : ` 3 <h1 #v_h1>hello</h1> 4 <button (click)

servlet与springmvc的url设置方式及映射规则

servlet容器对url的匹配过程 精确路径匹配 最长路径匹配.例子:servletA的url-pattern为/test/,而servletB的url-pattern为/test/a/,此 时访问http://localhost/test/a时,容器会选择路径最长的servlet来匹配,也就是这里的servletB. 扩展匹配,如*.action 如果前面没有找到对应的路径,如果应用定义了一个default servlet,则容器会将请求丢给default servlet filter对ur

6_12 java WEB 第一节课

java web 工作原理 动态网页与静态网页最本质的区别是: 能否进行数据库操作 动态网页最大的特点就是具有交互性 ,  交互性指: 服务端会根据不同的用户请求显示不同的结果 OSI 7层参考模型 1.应用层 2.表示层 3.会话层 4.传输层 5 网络层 6 .数据链路层 7 .物理层 HTTP协议(hypertext  transfer protocol) : 超文本传输协议 ,是面向应用层的协议 TCP/IP  四层模型 1 . 应用层                 HTTP 2. 传

Servlet和Filter的url匹配以及url-pattern详解

Servlet和Filter的url匹配以及url-pattern详解 Servlet和filter是J2EE开发中常用的技术,使用方便,配置简单,老少皆宜.估计大多数朋友都是直接配置用,也没有关心过具体的细节,今天遇到一个问题,上网查了servlet的规范才发现,servlet和filter中的url-pattern还是有一些文章在里面的,总结了一些东西,放出来供大家参考,以免遇到问题又要浪费时间. 一,servlet容器对url的匹配过 当一个请求发送到servlet容器的时候,容器先会将请

JavaWeb----servlet

注:本无部分转载于    博客园goody9807 什么是Servlet? Servlet(Server Applet),全称Java Servlet.是用Java编写的服务器端程序.其主要功能在于交互式地浏览和修改数据,生成动态Web内容.狭义的Servlet是指Java语言实现的一个接口,广义的Servlet是指任何实现了这个Servlet接口的类,一般情况下,人们将Servlet理解为后者. ① Servlet就是JAVA 类    ② Servlet是一个继承HttpServlet类的类

转:Servlet的url匹配以及url-pattern详解

Servlet是J2EE开发中常用的技术,使用方便,配置简单,老少皆宜.估计大多数朋友都是直接配置用,也没有关心过具体的细节,今天遇到一个问题,上网查了servlet的规范才发现,servlet中的url-pattern还是有一些文章在里面的,总结了一些东西,放出来供大家参考,以免遇到问题又要浪费时间. 一,servlet容器对url的匹配过程: 当一个请求发送到servlet容器的时候,容器先会将请求的url减去当前应用上下文的路径作为servlet的映射url,比如我访问的是http://l

urlpattern

定义url pattern 在web.xml文件中,以下语法用于定义映射: 以"/'开头和以"/*"结尾的是用来做路径映射的. 以前缀"*."开头的是用来做扩展映射的. "/" 是用来定义default servlet映射的. 剩下的都是用来定义详细映射的.比如: /aa/bb/cc.action