第5讲超链接及多媒体详解.pptVIP

* * * * * 图像链接示例 body a href=dreamweaver.htm target=_blank img src=images/cover.gif border=0 /a /body * 框架的作用，就是把浏览器窗口划分成若干个区域，每个区域可以分别显示不同的网页。 注意：使用框架结构时，HTML文档中不能出现body标记对，此时body需要由frameset代替 5.2 框架结构 * 框架集标记frameset：主要是定义浏览器窗口的分割方式、各分割窗口（框架）的大小以及格式化框架边框 框架标记frame：定义各分割窗口中显示的内容，并能对各分割窗口进行格式化 1） 框架结构组成标记 * 2）框架集标记frameset 属 性 属性值 描 述 bordercolor … 以RGB颜色值或颜色英文名设置所有框架边框颜色 frameborder 0/no 所有框架都不显示边框 1/yes 所有框架都显示边框，默认为1 framespacing n 设置框架之间的间距 rows n1,n2… 使窗口按行的方式分割(上下分割) cols n1,n2… 使窗口按列的方式分割(左右分割) 表6-1 frameset常用属性 第*页 框架分割窗口方式 用cols将窗口左右（水平）分割frameset cols=“n1,n2,……,*” 用rows将窗口上下（垂直）分割frameset cols=“n1,n2,……,* 嵌套分割：浏览器窗口既存在左右分割，又存在上下分割 * frameset cols=20%,* frame frame /frameset 左右分割示例 * frameset rows=20%,* frame frame /frameset 上下分割示例 * frameset cols=20%,55%,* frameset rows=100,* frame frame /frameset frame frame /frameset 嵌套分割示例 第*页 3) 框架标记frame 基本语法 frameset cols=“value,value,……” frame src=“url” name=“frame_name” frame src=“url” name=“frame_name” ……. /frameset 语法解释 src属性用于设置在框架窗口中显示的内容来自的文件；name属性用于标记框架名称，以便于其他对象对它的引用，如作为链接的一个目标窗口 * frameset cols=20%,* frame src=frame_menu.html name=left frame src=p.htm name=right /frameset frame_menu.html超链接代码如下: body pa href=p.htm target=right Photoshop/a/p pa href=f.htm target=right Freehand/a/p pa href=i.htm target=right Illustrator/a/p pa href=c.htm target=right CorelDraw/a/p /body 普通框架与链接示例 left right 第*页 5) 浮动框架iframe 浮动框架是一种特殊的框架页面，其作为HTML文档的一部分，就象图像一样出现在HTML文档中。浮动框架允许将一个HTML文档插入到另一个HTML文档内部的某个区域。 基本语法 iframe src=“file_URL” height=“value” width=“value” name=“iframe_name” align=“left|center|right” * 浮动框架与链接示例 第*页 5.3 多媒体标记 为增强网页的功能以及动感，现在的网页一般都会加入诸如声音、动画、视频等多媒体内容。示例 常用多媒体标记： 类 型 描 述 marquee 设置文字在页面中的滚动效果 embed 在页面中嵌入MP3、视频等多媒体内容 bgsound 设置页面的背景音乐 第*页 1) 滚动文字设置 基本语法 marquee 滚动文字/marquee marquee常用属性: 属 性 属性值 描 述 direction up 设置文字向上滚动 down 设置文字向下滚动 left 设置文字向左滚动(默认方