java-web第2章.ppt

2.2.1 超链接标签 1、超链接标签a/a 基本格式为： a href=资源地址链接文字/a 链接分为本地链接、URL链接和目录链接。在各种链接的各个要素中，资源地址是最重要的，一旦路径上出现差错，该资源就无法从用户端取得。 2.2.2 目录链接 制作目录链接方法是： （1）创建一个定位标记，设置文件中将要链接的位置。 格式是： a name=链接位置名称/a （2）在调用此链接的文件中的特定部分，定义连接。 格式是： a href=文件名＃链接位置名称链接文字/a。 如果是在一个文件内跳转，文件名可以省略不写。 2.2.3 网页中的多媒体 1 插入图象标签img 插入图像标签的格式为： img src=图形文件地址 src属性指明了所要链接的图象文件地址，这个图形文件可以是本地机器上的图形文件，也可以是位于远端主机上的图形文件。地址的表示方法可以沿用上一篇内容“文件的链接”中URL地址表示方法。 下表列举了插入图片标签img中经常使用的属性。 　　例：　img src=images/ball.gif 2.2.3 网页中的多媒体 2.2.3 网页中的多媒体 例2-2： html head title图像标签的应用示例/title body h3 align=center爱在深秋/h3 img src=1.gif width=100 heigth=100 align=left hspace=30 vspace=20 秋雨无声无息地下着。br 飒飒的秋风不可一世地横行在萧条的郊外。无力与秋风抗争的枯叶，只能带着丝丝牵挂，无可奈何地飘离留恋的枝头。秋蝉哀弱的残声逐渐地少了，地上落叶多了……br 黄昏，我漫步在郊外的林间，想细细地品味秋雨的凄冷。然而，“雨到深秋易作霖，萧萧难会此时心”，此时，又有谁能听我诉说心中的那份情怀呢?br /body /html 2.2.3 网页中的多媒体 2.2.3 网页中的多媒体 2 图像的超链接 图象的超链接就是当网页浏览者在图形上单击时，就能连接到另一个地址上去。实现的方法和文字的链接方法是一样的，都是用a标签来完成。只要将img标签放在a和/a之间就可以了。 其基本格式如下： a　href=资源地址img src=图形文件地址/a 例如： a href=index.htmima src=1.gif/a 显示结果为：在网页中显示图像1.gif,当浏览者点击这个图像时，便可连接到网页index.htm。 2.2.3 网页中的多媒体 3 影像地图超链接 在HTML中还可以把图片划分成多个热点区域，每一个热点域链接到不同网页的资源。这种效果的实质是把一幅图片划分为不同的热点区域，再让不同的区域进行不同的超链接。这就是影像地图。要完成地图区域超链接要用到三种标签：imgmaparea。 使用格式如下： img src=图形文件地址 usemap=#图的名称 map name=图的名称 area shape=形状1 coords=区域座标列表1 href=URL资源地址1 area shape=形状2 coords=区域座标列表2 href=URL资源地址2 ……… area shape=形状n coords=区域座标列表n href=URL资源地址n /map 2.2.3 网页中的多媒体 例2-4： html headtitle影像地图/title/head body img src=1.gif alt=影像地图 hspace=10 align=left usemap=#yxdt map name=yxdt area shape=rect coords=80,69,180,120 href=1.htm area shape=circle coords=103,95,45 href=2.htm /map /body /html 本例在运行时，点击图像上的不同区域，分别可以链接到1.htm页面或者2.htm页面。 2.2.3 网页中的多媒体 使用视频 在网页中可以嵌入.mov,.mpg,.avi等文件类型的动画或影片。常用的方法有以下三种。 1 用img标签插入视频文件 用img标签插入视频文件的格式是： img dynsrc=avi文件地址 例如：img dynsrc=avifile.avi loop=3 start=mouseover 该语句的作用是在网页中嵌入一个名为avifile.avi的电影文件，往复播放3遍，并且当鼠标划过该对象时开始播放。 2.2.3 网页中的多媒体 2 用a标签链接一个视频文件 　　将视频文件做