`

如何在html中设置框架集

    博客分类：
  • html
htmlUI
阅读更多

框架集包含<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”属性设置。

参考资料

http://www.xmbdqn.cn/rjxy/pxnr/DW/2012/1225/1195.html
分享到：
| jQuery.Validate验证库
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics