Web程序开发：第5章 超链接和多媒体

1、 第五章 超链接和多媒体第5章 超链接和多媒体5.1 超链接5.2 插入图片5.3 图像映射5.4 音频5.5 视频5.6 5.1 超链接在html中，元素表示超链接。默认为行内元素语法：元素主体主要属性：href：指定超链接的urltarget：当打开该超链接时，指定目标文档的打开窗口。可以取值：_blank_self_parent_top自定义名称5.1.1 绝对路径绝对路径指文档的完整路径，一般用于网站的外部链接，例如：/xxgk/xxjj/index.htm60 首页 学校概况 学院设置 组织机构5.1.2 相对路径相对路径指目标文档相对于当前文档的路径，一般用于网站的内部链接。 首页

2、 学校概况5.1.3 根路径根路径的使用很简单，以“/”开头，后面紧跟文件路径。网站内部的任何文档都可以从根路径开始。 首页 学校概况5.1.4 插入超链接 在HTML文件中，需要使用内部超链接时，插入成对的标记将href属性的值设置为相对路径。 需要使用外部超链接时，插入成对的标记并将href属性的值设置为绝对路径。5.1.5 建立锚 在一个文档内部进行跳转。 这是顶部 跳到顶部跳到底部这是底部5.2 插入图片，默认为行内元素属性值描述alttext规定图像的替代文本。srcURL规定显示图像的 URL。 5.2 插入图片-续 未设置对齐方式的图像： 图像 在文本中 已设置对齐方式的图像：

3、图像 在文本中 图像 在文本中 图像 在文本中 请注意，bottom 对齐方式是默认的对齐方式。 图片作为超链接 注：利用css的vertical-align属性实现图片和文本在垂直方向的对齐。可以取值top、bottom和middle。5.3 图像映射图像映射（image-map）指带有可点击区域的一幅图像。通过元素的usemap属性把和关联起来。 标记定义图像映射区域。其shape属性表示映射区域形状， cords属性表示感应区域的坐标，href属性定义区域的url。 “rect”表示矩形区域 “circle”表示椭圆形区域 “poly”表示多边形区域5.4 音频-支持wav、mp3、og

4、g。可以通过元素指定要播放的音频文件。具有的属性如下表。属性值描述autoplayautoplay如果出现该属性，则音频在就绪后马上播放。controlscontrols如果出现该属性，则向用户显示控件，比如播放按钮。looploop如果出现该属性，则每当音频结束时重新开始播放。mutedmuted规定视频输出应该被静音。preloadpreload如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 autoplay，则忽略该属性。srcurl要播放的音频的 URL。5.4 音频-（续）支持wav、mp3、ogg。可以通过元素指定要播放的音频文件。 您的浏览器不支持 audio

5、元素。 您的浏览器不支持audio元素。 5.5 视频- 定义视频，比如电影片段或其他视频流。具有的属性如下表。属性值描述autoplayautoplay如果出现该属性，则视频在就绪后马上播放。controlscontrols如果出现该属性，则向用户显示控件，比如播放按钮。heightpixels设置视频播放器的高度。looploop如果出现该属性，则当媒介文件完成播放后再次开始播放。mutedmuted规定视频的音频输出应该被静音。posterURL规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。preloadpreload如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 autoplay，则忽略该属性。srcurl要播放的视频的 URL。widthpixels设置视频播放器的宽度。5.5 视频-（续）支持Ogg、MPEG4、WebM。可以通过元素指定要播放的文件。 您的浏览器不支持 video 元素。 您的浏览器不支持video元素。 5.6 定义嵌入的内容，比如插件。具有的属性如下表。