框架

  • 多窗框的基本结构
  • 嵌套多窗体设置
  • 多框架与超链接
  • 悬浮窗体的设置

在前面几章中,大家应该可以发现浏览器视窗本身就是一个框架,网页就是显示在该单一的框架内,本章将介绍另一种网页呈现的方式,那就是可将原先单一的框架分割成多个框架,且每个框架中可以分别显示出指定的网页,当然这种框架仍然是结构于单一的视窗中。

8.1 多窗框的基本结构(主页是框架页时,不能输入<body>,因为框架页是不可见页面,是让其他页面在其中显示的)

            格式:

                    <frameset>

                            <frame>

                            <frame>

                            <frame>

                    </frameset>

            功能说明:<frameset>用来设置多窗框结构的声明

 

            <frameset>下的属性:

                属性名称            属性值            说明

                 cols                   像素             设置直排的多窗框环境

                                        百分比            同上

                 rows                  像素            设置横排的多窗框环境

                                        百分比            同上

                 border                像素            边框的宽度

                 framespacing      像素            页面与页面的边距

 

            属性格式:

                    <frameset cols="120,80,120">

                    <frameset cols="20%,40%,20%">

                    <frameset cols="40%,*,*">

                    <frameset rows="120,80,120">

                    <frameset rows="20%,40%,20%">

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

            

<frame>下的属性:

                属性名称            属性值            说明

                 src                     URL                链接的页面

                 noresize             true                 允许浏览器自行改变框架大小

                                          false                不允许

                 scrolling             yes                 不管网页内容的大小,都出现滚动条

                                          no                  不管网页内容的大小,都不现滚动条

                                          auto                浏览器自动判断,是否需要滚动条

                 marginheight        像素            设置垂直方向,窗体内容与边界的距离

                 marginwidth         像素            设置水平方向,窗体内容与边界的距离

                 frameborder         0\1              不出现框体边/出现窗体边线

 

 

            属性格式:

                    <frame src="URL">

                    <frame noresize>

 

8.2 嵌套多窗体设置:

                 格式:

                    <frameset rows="20%,80%">

                            <frame src="URL">

                            <frameset cols="20%,80%">

                                <frame src="URL">

                                <frame src="URL">

                            </frameset>

                     </frameset>

 

8.3 多框架与超链接

框架式网站的好处就是在同一张页面可以显示多个页面,而且可以跟方便的进行链接。

 

            相关属性说明:

            <frame>的命名属性:

                    格式:<frame name="窗体名称">

            <a>超链接 <a href="URL" target="窗体名称">

        

 

            多窗体链接的属性:

                属性名称            属性值                说明

                 target                 _blank                打开一个新建的页面

 

8.4 悬浮窗体的设置(不需要把<body>去掉,结合<table>使用)

            格式:<iframe>…</iframe>

            功能:设置悬浮窗框

            属性名称            属性值            说明

             height                像素/%            绝对/相对 高度

             width                 像素/%            绝对/相对 宽度

 

            其余属性除了noresize外,其他都和frameset 一样.

posted @ 2016-07-06 22:06  混沌的光与影  阅读(226)  评论(0编辑  收藏  举报