`

如何在html中设置框架集

    博客分类:
  • html
阅读更多

框架集包含<frameset>和<frame>两个标签,其中<frameset>描述窗口的分割,<frame>定义放置在每个框架中的HTML页面。

如何在html中设置框架集

工具/原料

  • 基本语法如下:

    <frameset cols="25%,50%,*" rows="50%,*" border="5">

    <frame src="the_first.html">

    <frame src="the_second.html">

    ......

    </frameset>

方法/步骤

  1.  

    1.纵向分割窗口

    <html>

    <head>

    <title>rows纵向分割为3个窗口</title>

    </head>

    <frameset bordercolor="red" rows="25%,50%,*" border="5">

    <frame src="subframe/the_first.html" name="top"/>

    <frame src="subframe/the_second.html" name="middle"/>

    <frame src="subframe/the_thdrd.html" name="bottom"/>

    </frameset >

    <html>

    如何在html中设置框架集
  2.  

    2.横向分割窗口

    <html>

    <head>

    <title>cols进行纵向分割</title>

    </head>

    <frameset bordercolor="#FF0000" cols="200,*,200" border="5">

    <frame name="leftFrame" src="subframe/the_first.html" />

    <frame name="mainFrame" src="subframe/the_second.html" />

    <frame name="rightFrame" src="subframe/the_third.html" />

    </frameset >

    <html>

     

    如何在html中设置框架集
  3.  

    3.横向和纵向同时分割窗口

    <html>

    <head>

    <title>创建多框架页面</title>

    </head>

    <frameset rows="20%,*" frameborder="0">

    <frame src="subframe/top.html" name="topFrame"  

    scrolling="no" noresize="topframe"/>

     <frameset cols="20%,*">

       <frame src="subframe/left.html" name="leftframe"

       scrolling="no" noresize"noresize">  

     <frame src="subframe/right.html" name="rightframe">

     </frameset >

    </frameset >

    <html>

     

     

    如何在html中设置框架集

注意事项

  • 要实现上述框架效果,除边框外,还需用框架的其他修饰属性。例如,是否允许调整各框架窗口的大小,则使用“noresize” 属性设置;当框架内的页面内容较多时,是否需要显示滚动条,则使用“scrolling”属性设置。

分享到:
评论

相关推荐

    HTML 使用框架集和框架.doc

    在 HTML 文件中,通常使用标记 `&lt;frameset&gt;` 来建立框架集。框架集的基本语法是:,*" frameborder="0" bordercolor="#0000FF" framespacing="5" &gt; 其中,rows 属性用于将网页进行上下分割,cols 属性用于将网页...

    框架集。html

    框架集。menu,mian.可实现用户管理,即查找用户,修改用户,删除用户,添加用户。

    框架集弹出框

    总的来说,"框架集弹出框"涉及的知识点包括HTML框架集的使用、JavaScript基础和jQuery库的应用,特别是其提供的动画效果和DOM操作。在实际开发中,理解这些概念并灵活运用,能帮助我们构建更富交互性的Web界面。

    中文html5框架

    响应式设计是HTML5框架的核心特性之一,它允许网页在不同设备上(如桌面、平板、手机)自动调整布局,提供一致的用户体验。响应式设计通过使用媒体查询、流式布局和弹性图片等技术实现,确保在任何屏幕上都能呈现...

    html 框架结构.pdf

    框架集的属性定义了框架是如何在页面中布局的,主要包括水平分割、垂直分割以及嵌套分割三种方式。 ##### 10.2.1 水平分割窗口 —— `rows` 水平分割窗口是指将页面沿水平方向切割,从而形成多个水平排列的框架。...

    无刷新音乐播放组件 html框架集结构

    总的来说,这个"无刷新音乐播放组件 html框架集结构"是一个巧妙的解决方案,它利用HTML框架集和`&lt;audio&gt;`标签,为网站提供了一个后台音乐播放功能,使用户在浏览不同页面时不会中断音乐体验。对于新手开发者来说,这...

    使用框架布局网页PPT学习教案.pptx

    选择“文件” &gt;“ 新建”菜单,打开“新建文档”对话框在“类别”列表中选择“框架集”选项,右侧将显示系统预定义的框架集类型,选择其中一种,然后单击“创建”按钮 六、框架和框架集的基本操作 框架和框架集的...

    Html框架结构.pdf

    框架集标记 `&lt;frameset&gt;` 是用于定义框架集的页面中,页面的 `&lt;body&gt;` 标记被 `&lt;frameset&gt;` 标记取代,然后通过 `&lt;frame&gt;` 标记定义每一个框架。 Html 框架结构的主要分割方式有以下三种: 1. 左右分割:使用属性 ...

    html后台框架代码

    在描述中提到的“html后台框架 html 后台框架 html后台框架”,可能是在强调HTML后台框架的重要性以及其在网页开发中的重复使用性。HTML后台框架不仅限于HTML,它通常结合了各种前端技术和库,如Bootstrap、Angular...

    框架页和框架集PPT学习教案.pptx

    【框架页和框架集】是网页设计中的一种技术,它允许网页内容被组织成多个独立的显示区域,每个区域称为一个框架。框架页是包含框架集的HTML文档,框架集定义了页面上不同框架的布局和关系。这种技术在早期的网页设计...

    html网页的简单框架

    在这个场景中,我们讨论的是一个简单的HTML框架,通常被称为“厂字形框架”,因为它由上下的布局和左右的布局相结合,形状类似于中文的“厂”字。 在HTML中,`&lt;frameset&gt;`标签是用来定义一个窗口的框架集,它将...

    html框架集js刷新页面方法大全.pdf

    HTML 框架集 JS 刷新页面方法大全是指在 HTML 框架集页面中使用 JavaScript 实现刷新页面的各种方法的总结。本文将详细介绍如何在 HTML 框架集页面中使用 JavaScript 实现刷新页面,并且提供了七种不同的刷新方法和...

    Dreamweaver网页设计之:框架.pptx

    框架集是一个 HTML 文件,它定义了一组框架的布局和属性,包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的 URL。 在 Dreamweaver 中,可以通过多种方式创建框架集,例如插入预置框架样式、直接...

    HTML框架代码全集.pdf

    - `cols="0,*"`:定义框架集的列布局,这里的设置表示左列宽为0,右侧框架占据剩余空间。 - `framespacing="0"`:设置框架间的间距为0。 - `onload="init()"`:在框架加载完成后触发init()函数。 - `frameborder...

    asp.net中frameset框架集嵌套的用法

    在ASP.NET中,`frameset`框架集是一种将一个浏览器窗口分割成多个独立区域的技术,每个区域都可以独立显示不同的网页内容。这种技术特别适用于创建复杂的网页布局,尤其是在早期Web开发中非常流行。`frameset`可以...

    后台精美框架html文件

    在实际项目中,开发人员会根据需求,结合HTML框架提供的元素和组件,通过编写或调整HTML、CSS和JavaScript代码,构建出满足特定业务场景的后台管理界面。同时,为了提高性能和优化用户体验,还会考虑引入前端MVVM...

    HTML框架Frame

    在HTML中,`&lt;frameset&gt;`元素是定义框架集的主要结构,它将浏览器窗口划分为若干个框架。每个框架都可以通过`&lt;frame&gt;`元素来指定其内容来源,通常通过`src`属性设置相应的HTML文件路径。例如: ```html , 50%"&gt; ...

Global site tag (gtag.js) - Google Analytics