第9章 框架的应用(HTML CSS JavaScript 标准教程实例版(第2版)).ppt

9.5.2 添加浮动框架名称——name 基本语法 body iframe src=”URL” name=”” /iframe /body 9.5.2 添加浮动框架名称——name 语法说明 在HTML文件中，利用框架frame标记中的name属性给框架添加名称，不会影响框架的显示效果。 9.5.2 添加浮动框架名称——name 实例代码 9.5.2 添加浮动框架名称——name 网页效果 9.5.3 设置浮动框架的宽度和高度——width和height 基本语法 body iframe src=”URL” width=”” height=“”/iframe /body 9.5.3 设置浮动框架的宽度和高度——width和height 语法说明 在HTML文件中，iframe标记中； ? width属性可以设置浮动框架宽度； ? height属性可以设定浮动框架的高度。 9.5.3 设置浮动框架的宽度和高度——width和height 实例代码 9.5.3 设置浮动框架的宽度和高度——width和height 网页效果 9.5.4 设置浮动框架的对齐方式——align 基本语法 body iframe src=”URL” name=”” align=”center”/iframe /body 9.5.4 设置浮动框架的对齐方式——align 语法说明 在HTML文件中，利用浮动框架iframe标记中的align属性设置浮动框架的对齐方式。 ? center：居中对齐； ? left：左对齐； ? right：右对齐。 9.5.4 设置浮动框架的对齐方式——align 实例代码 9.5.4 设置浮动框架的对齐方式——align 网页效果 9.6 在框架上建立链接 9.6.1 普通框架添加链接 9.6.2 浮动框架添加链接 9.6.1 普通框架添加链接 基本语法 frameset cols=380*,380* frame src=left.html frame src=right.html name=right /frameset 9.6.1 普通框架添加链接 语法说明 利用frameset标记中的cols属性进行左右分割，左边网页文件来自于left.html，右边网页文件来自于right.html。 9.6.1 普通框架添加链接 实例代码 9.6.1 普通框架添加链接 网页效果 9.6.1 普通框架添加链接 实例代码 9.6.1 普通框架添加链接 网页效果 9.6.2 浮动框架添加链接 基本语法 iframe src= width=450 height=380 name=iframe/iframe 9.6.2 浮动框架添加链接 语法说明 定义一个浮动框架，然后将网页中需要显示的内容链接到浮动框架中。 9.6.2 浮动框架添加链接 实例代码 9.6.2 浮动框架添加链接 网页效果 9.7 小实例——框架的实际应用 实例代码-框架 9.7 小实例——框架的实际应用 实例代码-left 9.7 小实例——框架的实际应用 实例代码-left（接上页） 9.7 小实例——框架的实际应用 实例代码-top 9.7 小实例——框架的实际应用 实例代码-top（接上页） 9.7 小实例——框架的实际应用 网页效果 9.3.6 设置框架边缘宽度与高度——marginwidth与marginheight 语法说明 在HTML文件中，利用框架frame标记中的marginwidth和marginheight属性设置不允许改变左侧框架的尺寸。 9.3.6 设置框架边缘宽度与高度——marginwidth与marginheight 实例代码 9.3.6 设置框架边缘宽度与高度——marginwidth与marginheight 网页效果 9.3.7 添加不支持框架标记noframe 基本语法 frame src=”URL” frame src=”URL” 。。。 noframes … noframes /frameset 9.3.7 添加不支持框架标记noframe 语法说明 在HTML文件中，利用框架frame标记中的noframes属性设置浏览器不支持框架时，显示网页文件的内容。 9.3.7 添加不支持框架标记noframe 实例代码 9.3.7 添加不支持框架标记noframe 网页效果 9.4 设置框架集frameset 表9-1 框架集属性 9.4 设置框架集frameset 9.4.1 设置框架集边框宽度——frmaspacing 9.4.2 设置框架集边框颜色——borde