5-框架的应用.ppt

浮动窗口 浮动窗口示例代码： html head title浮动窗口示例/title /head body p用 IFRAME 可以在HTML文件里显示另一个网页。/p p这个 HTML 文档中使用 IFRAME 来显示另外一个 叫Frame_a.html 的网页。/p iframe src=// width=500 height=300 /iframe /body /html 框架与超链接 普通框架与超链接 浮动框架与超链接 普通框架与超链接 普通框架与超链接示例： 普通框架与超链接示例代码： 普通框架与超链接 html head title普通框架与超链接示例/title /head frameset cols=120,* frame src=../asdocs/framelist.html frame src=../asdocs/Frame_a.html name=showframe /frameset /html 其中，framelist.html的代码见下页： 普通框架与超链接 framelist.html的代码如下： html head title framelist.html /title /head body pa href = Frame_a.html target =showframeFrame_aa /p p a href = Frame_b.html target =showframeFrame_ba/p p a href = Frame_c.html target =showframeFrame_ca/p /body /html 浮动框架与超链接 浮动框架与超链接示例： 浮动框架与超链接 浮动框架与超链接示例： 点击“欢迎进入我的天地”链接后，所示页面： .4.2 浮动框架与超链接 浮动框架与超链接示例： 点击“感谢您的光临”链接后，所示页面： 浮动框架与超链接 浮动框架与超链接示例代码： 5-4-2.htm程序示例代码： html head title浮动框架与超链接示例/title /head body bgcolor = #ffccff center iframe src = 5-4-2-1.htm name = abc width = 400 浮动窗口/iframebrbr a href = 5-4-2-2.htm target = abc欢迎进入我的天地/a a href = 5-4-2-3.htm target = abc感谢您的光临/a /center /body /html 浮动框架与超链接 浮动框架与超链接示例代码： 5-4-2-1.htm程序示例代码： html head title浮动框架与超链接示例/title /head body bgcolor = blue brbrbrbrbrbrbr center font color = yellow size = 6欢迎您进入我的网站！/font /center /body /html 浮动框架与超链接 浮动框架与超链接示例代码： 5-4-2-2.htm程序示例代码： html head title浮动框架与超链接示例/title /head body bgcolor = lightyellow brbrbrbrbrbrbr h4 align = center a href = target = abc欢迎进入/h4 /body /html 浮动框架与超链接 浮动框架与超链接示例代码： 5-4-2-3.htm程序示例代码： html head title浮动框架与超链接示例/title /head body bgcolor = lightgreen brbrbrbrbrbrbr h4 align = center感谢光临/h4 /body /html 本单元小结 本章介绍了框架网页的结构 框架页面相关属性的设置 框架页面的超链接 思考 框架网页的结构主要有哪三种方式 如何设置框架页面相关属性以及框架页面的超链接 框架的应用 通过本章的学习，能够达到熟练运用本章所讲到的关于框架的基本知识，灵活自由地对框架进行分割，重点掌握框架的基本结构和分割方式。 教学基本要求 主要内容 建立框架 窗口框架设置 浮动窗口 框架与超链接 框架结构 框架分割方式 建立框架 建立框架 - 框架结构 框架的基本结构包括两部分：框架集、