zoukankan      html  css  js  c++  java
  • 使用框架结构之frameset

    首先,我希望在你的目录下,有4个网页,各自显示不同的内容。

    如图所示:

    1.html显示“火影忍者”

    2.html显示“英雄联盟”

    3.html显示“嵌入式开发、网页开发、安卓开发”

    4.html显示“alsp”


    OK,来介绍下frameset的语法

    <frameset rows="第一个框架窗口的高度,第二个框架窗口的高度......"

      cols="第一个框架窗口的宽度,第二个框架窗口的宽度"......>

    所谓框架集属性frameset,其目的就是用来将网页分成什么样子。如图所示,通过frameset将整个页面分成三个部分:1)上面是头部,用来放置logo等2)左侧是目录架构,用来放置目录3)右侧是要显示内容懂了吧,frameset的作用,就是用来将整个页面分成你想要的模块和架构;

    这里,又要提到一个窗口属性,frame

    用<frameset>将整个页面分割成N个块,而每一个块,就是用frame来表示,其就是用来表示一个单独的页面。

    其语法:

    <frame src="页面的源地址">

    下面看例子。

    <frameset rows="100,200,800" frameborder="yes" border="1" framespacing="1"><frame src="2.html"/><frame src="3.html"><frame src="4.html"></frame>

    再来看一下效果图

    可以看到,整个页面被分成了3分。

    而用frame指定的页面也显示了出来。

    其中,

    frameborder:用来表示显示边框

    framespacing:表示边框的宽度

    下面再来看一个例子:

    <frameset cols="100,200,900" frameborder="yes" border="1" framespacing="1"><frame src="2.html"/><frame src="3.html"><frame src="4.html"></frame>

    看效果图,整个页面也被分成了3分,但是,是横向的。

    再来看最后一个例子。

    <frameset rows="30%,*" cols="*" frameborder="yes" border="1" framespacing="1"><frame src="2.html"/><frameset cols="30%,70%" frameborder="yes" framespacing="1"><frame src="3.html"><frame src="4.html"></frame>

    看效果图

    被分成了3分,但是和之前的都不一样。

    这里,rows="30%,*"的意思是,将页面分成上部分30%,下部分用“*”表示为还没有分配。

    cols也是这个意思。

    然后,通过frame将2.html页面放在其中。

    之后,再用frameset将下部分分成左右两部分,放上3.html页面和4.html页面,就会出现上述的效果了




  • 相关阅读:
    Zjnu Stadium(hdu3047带权并查集)
    cocos2d-x结合cocosbuilder,不同屏幕适配小结
    分布式爬虫系统设计、实现与实战:爬取京东、苏宁易购全网手机商品数据+MySQL、HBase存储
    Generating RSA keys in PKCS#1 format in Java--转
    nodejs安装node-rsa遇到的问题及解决
    spring-redis-data的一个坑
    node-rsa加密,java解密调试
    MySQL 四种事务隔离级别详解及对比--转
    从实际案例聊聊Java应用的GC优化--转
    动态可缓存的内容管理系统(CMS)
  • 原文地址:https://www.cnblogs.com/archermeng/p/7537498.html
Copyright © 2011-2022 走看看