第八章 窗口框架.pptVIP

第八章 窗口框架 本章内容 8.1 框架概述 8.2 框架基本语法 8.3 框架集分栏 8.4 框架集属性 8.5 框架属性 8.6 混合框架 8.7 内联框架 8.1 框架概述 通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。 使用框架的坏处： 开发人员必须同时跟踪更多的HTML文档 很难打印整张页面 框架结构标签 框架结构标签（frameset）定义如何将窗口分割为框架 。 每个 frameset 定义了一系列行或列 。 rows、columns 的值规定了每行或每列占据屏幕的面积 。 frameset 标签也被某些文章和书籍译为框架集。 8.2 框架基本语法 基本语法： frameset??frame src=url地址1? frame src=url地址2 … /frameset 语法解释： frameset是双标签，不能与body/body并列，必须替代body。frame是单标签，定义了放置在每个框架中的 HTML 文档，被frameset/frameset包含。 8.3 框架分栏 frameset标签的cols 或 rows 属性规定在框架集中存在多少列或多少行 ，从而实现框架集垂直分栏和水平分栏。 8.3.1 框架集垂直分栏 基本语法： frameset cols=宽度,宽度, * frame src=url地址1 frame src=url地址2 frame src=url地址3 /frameset 语法解释：定义一个由3个框架列组成的框架集。 8.3.2 框架集水平分栏 基本语法： frameset rows=高度,高度, * frame src=url地址1 frame src=url地址2 frame src=url地址3 /frameset 语法解释：定义一个由3个框架行组成的框架集 8.4 框架集属性 基本语法： frameset rows= value1,value2,… border= value bordercolor= value 语法解释： border定义边框粗细， bordercolor定义边框颜色。 8.5 框架属性 frame 标签定义 frameset 中的一个特定的窗口（框架）。 frameset 中的每个框架都可以设置不同的属性，比如 border、scrolling、noresize 等。 框架属性表 补充 不能与 frameset/frameset 标签一起使用 body/body 标签。 如果用户浏览器版本过低，会不支持框架，为了向用户说明，需要为不支持框架的浏览器添加一个 noframes 标签 。 可将body提示信息/body放置在标签noframes中，如： frameset … noframes body您的浏览器无法处理框架！/body /noframes /frameset 8.6 混合框架 frameset rows=50%,50% frame src=frame_a.html frameset cols=25%,75% frame src=frame_b.html frame src=frame_c.html /frameset /frameset 8.7 内联框架 iframe标签创建包含另外一个文档的内联框架。 内联框架在body/body标签中，即在一个页面中嵌入一个框架窗口来显示另一个页面内容，又叫做浮动框架。 可以把需要的文本放置在 iframe 和 /iframe 之间，这样就可以应对无法理解 iframe 的浏览器。 基本语法： iframe src=url … /iframe 内联框架属性表 基础练习 综合练习 思考 1、能否用iframe实现练习网页效果？ 2、如何实现？ 本章总结 8.1 框架概述 8.2 框架基本语法 8.3 框架集分栏 8.3.1 框架集垂直分栏 8.3.2 框架集水平分栏 8.4 框架集属性 8.5 框架属性 8.6 混合框架 8.7 内联框架 * 定义框架集中行的数目和尺寸 pixels % * rows 定义框架集中列的数目和尺寸 pixels % * cols 描述 值 属性 注意 * 号的意思： frameset cols=100, * , * 　　 将100像素以外的窗口平均分配　　 frameset cols= * , * , * 　　　 将窗