zoukankan      html  css  js  c++  java
  • 框架

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

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

    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         01              不出现框体边/出现窗体边线

     

     

                属性格式:

                        <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 一样.

  • 相关阅读:
    《代码之道》试读:规范书变更请求
    解读ASP.NET MVC 4 规划路线图
    淘宝数据魔方技术架构解析
    《程序员实用算法》试读:1.2.2主要的优化:函数调用
    《软件框架设计的艺术》试读:2.2 模块化应用程序
    磁盘分割原理
    无锡云计算中心3年内到底做了什么
    模式识别的一些资料
    边缘检测算法
    用递归方法来搜索连通区域
  • 原文地址:https://www.cnblogs.com/lifi/p/5648234.html
Copyright © 2011-2022 走看看