HTML初学者指南:框架与浮动窗口详解

需积分: 3 2 下载量 25 浏览量 更新于2024-08-02 收藏 1.27MB PPT 举报
本资源是一份针对HTML初学者的课件PPT,专注于第四章“框架与浮动窗口”的教学。主要内容包括: 1. HTML页面的框架:框架是HTML5中的一项重要特性,它将浏览器窗口划分为多个独立区域,每个区域称为一个框架,用户可以在同一个窗口中同时查看多个页面。框架通过`<Frame>`和`<Frameset>`标记来定义,`<Frameset>`用于设置框架的布局和尺寸。 2. 浮动窗口的使用:浮动窗口允许在一个页面中嵌套其他页面,形成类似“画中画”的效果。它们可以独立载入不同的HTML文件,并且可以通过`FrameTarget`属性实现窗口间的交互。 3. 框架标记:设计框架页面时,关键在于正确使用`<Frame>`标签来指定每个窗口加载的文件,以及`<Frameset>`标签来组织和定义窗口的尺寸。在`<Frameset>`内,`ROWS`和`COLS`属性用于设置窗口的行数和列数,数值可以具体指定,也可以用星号(*)表示自动分配。 4. 窗口尺寸设置:例如,`<framesetcols="100,200,300">`定义了三个等宽的窗口,而`<framesetrows="10%,20%,70%">`则按百分比分配空间。星号(*)用于自适应剩余的空间。 5. 实例演示:课件通过创建并使用a.html、b.html和c.html三个实际文件,展示了如何运用这些技术来构建一个包含多个窗口的框架页面。 这份课件对于初学者来说,提供了实用的基础知识和实践经验,帮助他们理解并掌握HTML框架结构的创建和使用方法,为Web开发打下坚实基础。通过学习,学生可以更好地理解网页布局和用户体验的设计,提升网页开发技能。