首先,我希望在你的目录下,有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页面,就会出现上述的效果了

最新文章

  1. NoSql数据库使用半年后在设计上面的一些心得
  2. 搭建ssh后的简化
  3. Google Developing for Android 一 - 相关上下文介绍
  4. asp.net的简易的参数化查询
  5. js、PHP将分数字符串转换为小数
  6. JavaScript TDD with Mocha
  7. hdwiki中模板和标签的使用
  8. socket学习笔记——select函数的使用(windows)
  9. 迅影QQ视频查看v2.0 源码
  10. iOS之Git的使用
  11. openerp 报表字段 report_rml_content_data
  12. JavaScript设计模式之建造者模式
  13. Spring mvc 数据验证
  14. 如何通过C#操作Access,本人亲测通过
  15. 【福大软工】 W班级总成绩排名2
  16. json &amp; pickle 模块
  17. 数据仓库之Data Vault模型总结
  18. Cobalt Strike 服务器搭建及使用
  19. 基于ETL技术的数字化校园共享数据中心设计
  20. Linux下nginx编译安装教程和编译参数详解

热门文章

  1. 双向链表的双向冒泡排序 c++
  2. Vue中Js动画 与Velocity.js 多组件多元素 列表过渡
  3. Docker MongoDB 集群搭建
  4. Thread--volatile详细
  5. tar.xz文件
  6. 计算机网络(3): ICMP报文
  7. Java线程——线程之间的几点重要说明
  8. pip anaconda 添加国内镜像
  9. SVN解除与服务器的关联
  10. fiddler抓包可以抓到电脑数据抓不到手机上的数据------防火墙问题