1.页面框架布局中最基本的框架——Frame框架。
示例代码如下:
<frame name="left" src=" index_manager/admin_left.htm " marginwidth="1"
marginheight="1" scrolling="no" frameborder="1" noresize framespacing="2"
bordercolor="#cc0000">
Frame参数及说明
参数
说明
Name
设定框架的名称,须为英文
Src
设置框架中显示的页面路径和名称,可为相对路径亦可为绝对路径
Marginwidth
表示框架距离左右边缘的距离
Marginheight
表示框架距离上下边缘的距离
Scrollling
设置是否在框架中显示滚动条,yes为显示,no为不显示,auto表示当框架页中内容超过框架的大小时自动显示滚动条
Frameborder
设置是否显示框架的边框,0为不显 示,1为显示
Noresize
设定是否可以让使用者改变这个框架的大小,不设置此项可以让浏览者任意拉动框架,改变框架的大小
Framespacing
表示框架与框架之间的距离
Bordercolor:
设定框架的边框颜色
2.介绍页面框架布局中的Frameset框架技术
<Frameset></Frameset>用来划分Frameset框架,每个框架由<Frame></Frame>标记。<Frame></Frame>必须在<Frameset></Frameset>之内使用,示例代码如下:
<Frameset border=1 frameSpacing=1 borderColor=#47478d rows=* cols=180,*>
<Frame src="inc/admin_left.aspx" name=left scrolling=no id="left">
<Frame src="inc/admin_center.aspx" name=main scrolling="no">
</Frameset >
注意:<Frame></Frame>标记的框架顺序为从左至右或从上到下
关于Frameset框架,也需要设置一些特定的参数,这些参数直接决定了整个页面的布局,示例代码如下:
<Frameset border=1 frameSpacing=1 borderColor=#47478d rows=* cols=180,*>
Frameset参数:
参数
说明
Border
设定框架的边框厚度,以pixels为单位
FrameBorder
设定是否显示框架的边框,0为不显示,1为显示
FrameSpacing
表示框架与框架之间的距离
BorderColor
设定框架的边框颜色
Row
将文档分为上下的框架,Row后的值可以为数值或百分数,*表示占用余下的空间,数值的个数代表水平分成的框架个数
Cols
设置同Row
3.页面框架布局中的Iframe框架技术
Iframe框架,又称内嵌框架。其框架的主要标记为Iframe标记(又称为浮动帧标记)。Frame框架与Iframe框架两者可以实现的功能基本相同,不过Iframe框架比Frame框架具有更多的灵活性。
Iframe框架的标记为<Iframe>(又叫浮动帧标记),可以用它将一个HTML文档嵌入在一个HTML中显示。它和<Frame>标记的最大区别是在网页中嵌入的<Ifame></Iframe>所包含的内容与整个页面是一个整体,而<Frame></Frame>所包含的内容是一个独立的个体,是可以独立显示的。
设置Iframe框架的Iframe参数的示例代码如下:
<iframe src="url" name="main" width="100%" height="30" frameborder="0" border=0
scrolling="no" marginwidth="0" marginheight="0" allowTransparency="true">
</iframe>
iframe和frame功能基本相同,不同的是它是个内嵌框架,用户可以把iframe布置在网页中的任何位置,包括<layer>层中
分享到:
相关推荐
在网页设计中,`frame`页面框架是一种早期的布局技术,用于将网页分割成多个独立的区域,每个区域可以加载不同的HTML文档。标题"frame页面框架示例"指的是这个示例展示如何使用frameset来创建一个包含上、左、下三个...
HTML页面中的`frame`框架是一种布局技术,它允许我们将网页分割成多个独立的区域,每个区域可以加载不同的网页内容。这种技术在早期的Web开发中较为常见,用于创建多窗格的用户界面,例如导航栏、主要内容区和侧边栏...
Frame框架技术是网页设计中的一种重要布局方式,它允许开发者将HTML页面分割成多个独立的区域,每个区域可以加载不同的网页内容。这种技术在20世纪90年代中期被广泛使用,为创建复杂的多页面交互提供了便利。在本文...
在本示例中,"frame框架示例"将展示如何有效地利用`frame`技术来构建多窗口的网页布局。 `frame`框架是HTML4的一个特性,虽然在HTML5中已被废弃,但在许多现存网站中仍然广泛使用。它通过`<frameset>`元素来定义...
在网页设计中,JavaScript、HTML、CSS以及Frame和Frameset框架的整合是构建交互式、动态网站的关键技术。本文将详细解析这些技术如何协同工作,创建出一个具有可收缩左侧菜单和并排子菜单的框架结构。 首先,HTML...
HTML Frame框架是网页设计中的一种布局技术,它允许我们将一个网页划分为多个独立的区域,每个区域可以加载不同的网页内容。这种技术在早期的网页设计中较为常见,用于实现多页面信息的同步展示,比如导航栏、主要...
**UUR Frame框架详解** UUR Frame框架是一个专为快速构建Web工程前端设计的高效工具。这个框架的主要目标是简化开发流程,提高开发效率,使开发者能够更专注于业务逻辑,而不是基础架构的搭建。在现代Web开发环境中...
本文将深入探讨EditPlus如何帮助开发者快速创建页面框架,以及"frame.zip"压缩包中的"后台页面"文件可能包含的内容。 EditPlus是一款轻量级但功能丰富的文本编辑器,它提供了许多高级特性,如代码高亮、自动完成、...
HTML框架(Frame)是网页设计中一种特殊的技术,它允许开发者将一个网页分割为多个独立的区域,每个区域可以加载不同的HTML文档,从而实现多页面同时显示在一个浏览器窗口的效果。这种技术在早期的Web开发中较为常见...
### Frame框架的使用教程 #### HTML框架简述 HTML框架是一种网页布局技术,它允许将一个HTML页面划分为多个部分,每个部分可以独立加载不同的HTML文档。这种布局方式在过去非常流行,因为它提供了一种灵活的方式来...
禁止用拖动条的frame框架示例 ,50%"> <frame src="content_left.html" name="leftFrame"> <frame src="content_right.html" name="rightFrame"> ``` 在这个例子中,我们创建了一个两列的`frameset`,左边和...
### 教你如何在.NET中使用Frame框架 #### 概述 在Web开发中,`Frame`(框架)是一种常用的技术,它允许在一个浏览器窗口内显示多个独立的文档。通过使用`<FRAMESET>`和`<FRAME>`标签,开发者可以轻松地创建出多窗口...
总的来说,"frame框架模板"可能是针对早期Web开发的一个资源,对于学习历史上的网页布局有一定价值。然而,对于现代Web开发者来说,了解和掌握更先进的布局技术,如Bootstrap、Flexbox和Grid,以及如何使用`<iframe>...
因此,在当前的Web开发实践中,通常推荐使用CSS布局技术(如Flexbox或Grid)来替代框架实现更灵活和响应式的页面布局。 总的来说,框架是一种历史遗留的网页设计技术,它允许在不刷新整个页面的情况下更新部分内容...
在HTML的历史发展中,"frameset" 和 "frame" 是早期用于实现多窗口或区域页面布局的技术。这些技术允许开发者将网页分割成多个独立的部分,每个部分可以加载不同的网页内容,从而实现更复杂的界面设计。 **frameset...
对于框架结构的网页,利用`window.parent`和`frames`属性可以精确控制每个框架内的页面刷新,而通用的页面刷新技术则适用于更广泛的场景。在实际应用中,理解这些方法的原理和限制,有助于提高Web应用程序的用户体验...
标题中的"框架(frame) 导航条"指的是在框架布局中,利用HTML的`<frame>`或`<iframe>`元素创建一个固定的导航条区域,通常位于页面顶部或侧边,方便用户在浏览不同内容时保持导航条的可见性。导航条可以包含链接、...
在Web开发中,框架(frame)是一种将网页分割成多个独立区域的技术,每个区域可以加载不同的网页内容。在处理框架页面间交互时,JavaScript的`appendChild()`方法是一个非常实用的工具,它允许我们在DOM(文档对象模型...
在网页设计和开发中,框架(frame)布局是一种常见的组织页面内容的方法,特别是在早期网页技术中。框架布局允许我们将页面划分为多个独立的部分,每个部分可以加载不同的网页内容,从而实现更灵活的页面设计。本教程...