高级HTML用法.pptVIP

HTML提高 本讲内容 1 图像 2 Applet 3 对象 4 表单 5 框架 6 样式表 7 脚本 1 HTML图像 – 除了超链以外,HTML文档的另一个特征在于它对多媒体 的支持,即可以在文档中包含图像、视频等媒体以及 applet object等可执行对象，这些对象为用户提供了丰富 的媒体信息，大大地加强了文档的表现力。在本节中， 我们主要介绍图像以及图像映射，APPLET和OBJECT将 在后面的章节中介绍 – 内嵌的图像等对象可以有超链和它相关联，既可以通过 标准链接机制，又可以通过图像映射，当用户激活与 图像相关联的超链时，可以浏览新的文档或者运行服务 器上的程序 1 HTML图像 1.1 图像元素 – 元素语法参见下页 – 元素语义：IMG元素在文档的当前位置嵌入一个图像 图像的来源：由IMG元素的src属性指定，HTML文档中常见的图像 格式包括GIF JPEG和PNG等 IMG元素的alt属性给出了一串文本，该文本对图像的内容进行了 描述，当用户代理不支持显示图像时，用户代理将在本该显示图 像的地方显示alt的内容 当IMG元素具有usemap属性时，说明该图像元素使用了客户端映 射。usemap的属性值给出了映射的URI， 同样，当IMG元素设置 了ismap属性时，说明该图像元素使用了服务器端映射 – 示例参见image 1 HTML图像 1 HTML图像 1.2客户端的图像映射 图像映射使得作者可以在图像上指定若干个区域，并将特定的动 作（例如，检索文档、执行程序等）与各个区域关联起来，当用 户激活图像上的这些区域时，将执行相应的动作 图像映射有两种类型：客户端图像映射、服务器端图像映射 ? 客户端图像映射：当用户使用鼠标激活客户端图像映射时， 激活点的像素坐标由客户端程序（例如，浏览器）来解释，客 户端程序判断像素坐标位于哪个区域内，并执行与该区域相 关的动作（例如沿超链跳转） ? 服务器端图像映射：当用户使用鼠标激活服务器端图像映射 时，激活点的像素坐标被发送给服务器端的程序，服务器端 的程序将解释坐标值，并执行相应的操作 1 HTML图像 – MAP元素 元素语法参见下页 元素语义 ? MAP元素定义了一个客户端图像映射，其标识符由name属性 给出，该图像映射可供IMG等元素使用（将IMG元素的 usemap属性设置为该MAP元素的name） ? MAP元素中可能有两种形式的内容：一种是若干个AREA元 素，每个AREA元素都指定了图像上的一个几何区域，并将 一个超链与该几何区域关联起来，另一种是若干个A元素， 每个A元素也指定了图像上的一个几何区域，并将一个超链与 该几何区域关联起来 示例参见image 1 HTML图像 1 HTML图像 – AREA元素 元素语法参见上页 元素语义：图像上任何一个几何区域的指定都通过AREA元素来 实现 ? shape属性指出了区域的形状，例如：矩形rect、 圆 circle 、多边形poly ? coords属性的含义取决于shape属性的取值，当shape为矩形时， coords给出了矩形左上角和右下角的坐标（left-x, top-y, rightx, bottom-y ）；当shape为圆时coords给出了圆心坐标和半径 （center-x, center-y, radius）； 当shape为多边形时，coords给 出了各个顶点的坐标（x1