HTML框架的基本结构.docx

HTML匡架的基本结构 在一个网页中，并不是所有的内容都需要改变，如网页的导航栏、网页页脚等部 分是不需要改变的，如果在每一个网页中都重复添加这些元素， 不仅会浪费时间， 而且在浏览时也会带来不便、耗费更多的时间，为了解决这种问题，我们可以使 用框架来对网页进行布局。 本节单词记忆：标签 l.frameset 2.frame 属性 l.cols 2.rows 3.n oresize 4.bordercolor 5.frameborder 网页学习网提示：html语言非常简单，不需要逻辑理解，而绝大部分朋友觉得 它难以掌握，90%勺原因在于英语单词不过关，所以每节记忆几个单词是非常有 必要的。 使用框架可以把浏览器窗口划分为多个区域， 每个区域可以显示不同的网页，每 次浏览者在访问框架页面时，只下载框架页面中变化的区域，对于不变的区域， 不用重新下载，从而给浏览者带来方便、节省下载页面所需的时间。 一个框架结构是由以下两部分组成的: 框架(FRAME)是浏览器窗口中的一个区域，它可以显示与浏览器窗口其余部分 中所显示内容无关的网页文件。 框架集(FRAMESET)是一个网页文件，它将一个窗口通过横向或纵向的方式分 割成多个框架，每个框架中要显示的都是不同的网页文件。 不同的网页文件可以 通过超链接联系起来。 如图1所示就是一个比较经典的框架集页面。 此页面一共有3个区域，每个区域 分别显示一个HTMI文档，由于框架集页面也是一个 HTMI文档，所以一共有4 个HTMI文件。为了浏览方便，当浏览者单击左侧导航栏中的服务列表(如“注 册认证”、“买家帮助”等)超链接时，右侧窗口显示相应的详细帮助信息。 07 擀酒贡浙!― .详翔円容员 .详翔円容员 面右ttWK黑 (maln.htinn) Oeft. htm) j ■ ?. W H_ I -J 图1框架集页面 、为何使用框架 一个网页可以有一个或多个框架。框架的一些用法如下： ? 在页面的一个固定部分显示 Logo 或静态信息。 ? 左侧框架显示目录，右侧框架显示内容，用户只需单击左侧窗口的目录，在 右侧窗口中就会显示相应内容，如网上在线学习教程、论坛、后台管理、产品介 绍等。 ? 框架能有机地把多个页面组合在一起，这多个页面之间可互相独立，却又可 相互联系。 、框架的基本结构 框架集（FRAMESET页面的结构是通过属性rows和cols来设置的，根据框架的 分割方式可分为：上下分割窗口（使用 rows 属性来分割），左右分割窗口（使 用 cols 属性来分割），嵌套分割窗口（同时使用 rows 和 cols 属性来分割）。 WANGYEXX.COM 语法: frameset cols=25%,50%,* rows =50%,* border=5 !--cols=25%,50%,* 分割为左中右 3部分 rows =50%,* 分割为上下两部分 border 设置边框属性 -- frame src= “the_first.html /frameset 说明：FRAMESE仅是一个框架的集合。FRAMES签可以提供对单独 HTM文档URL 引用，其中每个HTML文档占据一个框架。cols将 页面沿垂直方向分割为几个 窗口， cols 可以取多个值，不同的值用逗号隔开，单位可以是像素，也可以是 占浏览器的百分比。rows将页面沿水平方向分割为 几个窗口，也可以取多个值， 是由逗号分割的像素值或百分比。 src 指定框架窗口的源文件。 示例 1: HTML HEAD TITLErows 框架 /TITLE /HEAD FRAMESET bordercolor=red rows=25%,50%,* border=5  !--bordercolor=red 设置框架边框为红色-- FRAME name=to p src=the_first.html FRAME name=middle src=the_seco nd.html FRAME name=bottom src=the_third.html /FRAMESET /HTML 示例1在浏览器中预览效果如图2所示。 第一个宙口 第二个窗口 第三个窗口 图2水平方向分割为上中下 3个窗口 示例2: HTML 框架 v/TITLE 框架 v/TITLE TITLEcols /HEAD FRAMESET cols=120,* border=5 FRAME src=the_first.html name=t op Frame〉 FRAME src=the_sec on d.html n ame=ma inF rame scrolli ng=NO no resize v!--scrolling=NO 不显示滚动条noresize 禁止