参考

  • w3cschool
  • 上面提到frameset 不要和body 同时使用

index.html代码

<html>
<frameset rows="50%,50%" cols="*"><frameset rows="30%,70%" cols="*" frameborder="yes" border="1" framespacing="1"><frame src="a.html"/><frame src="d.html"/></frameset><frameset rows="*" cols="40%,60%" frameborder="yes" framespacing="1"><frame src="b.html"/><frame src="c.html"/></frameset>
</frameset>
</html>

a.html 等的代码

  • a.html : this is A
  • b.html : this is b
  • c.html : this is c
  • d.html: this is d

效果 (显示a,b,c,d页面非常奇怪)

导航

代码

index.html

<html>
<frameset rows="20%,20%,60%"><frameset rows="30%,70%" frameborder="yes" border="1" framespacing="1"><frame src="a.html"/><frame src="b.html"/></frameset><frameset cols="40%,60%" frameborder="yes" framespacing="1"><frame src="c.html"/><frame src="d.html"/></frameset><frameset cols="20%,80%" frameborder="yes" framespacing="1"><frame src="e.html"/><frame name="showframe"/></frameset>
</frameset>
</html>

e.html

<html>this is e <br>
<a href="a.html" target="showframe">Frame a</a><br>
<a href="b.html" target="showframe">Frame b</a><br>
<a href="c.html" target="showframe">Frame c</a><br>
<a href="d.html" target="showframe">Frame d</a></html>

效果(a,b,c,d页面显示还是非常奇怪)

html 利用 frameset 进行简单的框架布局相关推荐

  1. php codeigniter 语言,利用 PHP 语言, CodeIgniter 框架, MySQL 数据库搭建简单的 Forum...

    CodeIgniter-learn-forum 利用 PHP 语言, CodeIgniter 框架, MySQL 数据库搭建简单的 Forum ,仅供学习之用. 演示地址:Demo 功能简介 用户注册 ...

  2. 网页框架布局设计_实用的网页设计-框架和框架用法介绍

    网页框架布局设计 Ah, frames. We hated them when Netscape first offered them up around 1995; we deplored them ...

  3. html简介框架模板,html框架布局后台模板.doc

    html框架布局后台模板 篇一:使用框架布局页面 单元4--使用框架布局页面 学习目标: ? 理解框架布局的原理 ? 掌握使用框架进行页面布局的方法 ? 学习利用浮动框架嵌入插件 Dreamweave ...

  4. cad视口缩放区域怎么使用_CAD布局怎么用?简单讲解CAD布局用法和基本操作

    CAD布局怎么用 CAD布局怎么用?我们在使用CAD软件时候,布局空间出图比模型空间的好处在于,当需要调整不同比例时,只需通过调整视口比例,而不需要缩放图框,并且可以反复调用相同的模型空间内的图形.下 ...

  5. HTML学习14:框架布局

    文章目录 1.框架页面的基本结构 2.水平布局 3.垂直布局 4.混合框架集 5.为框架添加内容 6.改进:使用name属性 7.target 8.给框架布局设置一些属性 相对div布局,框架布局是一 ...

  6. html框架集把那根框架隐藏,HTML 框架集 frameset 和内嵌框架 iframe

    HTML 框架集 frameset 和内嵌框架 iframe 今天总结 和 < ifrme> 两个标签. frameset 标签用于定义一组框架集, 将多个窗口组合在一个框架集中, 各个子 ...

  7. Android用户界面设计:框架布局

    框架布局是将控件组织在Android程序的用户界面中最简单的布局类型之一. 理解布局对于良好的Android程序设计来说是非常重要的.在这个教程里,你将学到所以关于框架布局的知识,它们主要用来在屏幕上 ...

  8. Android用户界面设计“.NET研究”:框架布局

    框架布局是将控件组织在Android程序的用户界面中最简单的布局类型之一. 理解布局对于良好的Android程序设计来说是非常重要的.在这个教程里,你将学到所以关于框架布局的知识,它们主要用来在屏幕上 ...

  9. 整理:Android apk 框架 布局 集锦

    2019独角兽企业重金招聘Python工程师标准>>> 看到好的技术教程就想分享一下,不喜勿喷!谢谢配合,仅供菜鸟学习研究(^o^)/~ 友情推荐<爱加密>Android ...

最新文章

  1. 一个老外如何丑化中国程序员
  2. android 程序类图,Android模板设计模式之 - 构建整个应用的BaseActivity
  3. 微信小程序中this指向作用域问题this.setData is not a function报错
  4. LeetCode —— 980. 不同路径 III(Python)
  5. Spring Boot,Sprint Batch 学习
  6. bash不能运行c语言,解决:无法加载文件 C:\\Program Files\\.. 因为在此系统上禁止运行脚本。...
  7. iOS Core Animation Advanced Techniques-图层树
  8. 按键精灵定位坐标循环_按键精灵基础命令教程
  9. 台湾19大IT业营收连衰 全球产业景气警报先兆
  10. 5G应用技术系列 - 从带宽和时延看5G和4G对应用区别
  11. 高德地图JS-API开发—Marker添加及infoWindow处理
  12. 计算机基础知识——基础入门(一)
  13. java飞机代码_java实现飞机游戏代码
  14. 电源纹波怎么测量,纹波和噪声的区别
  15. 用python刷网页浏览量_使用python刷文章阅读量
  16. mysql主从和redis主从
  17. 使用IText组件在PDF文档上绘制椭圆形印章的算法分析及代码分享
  18. 2021年web前端基础面试题
  19. fastlane提交AdHoc测试包到蒲公英平台,获取git提交信息展示到更新说明中
  20. 2020 NOC 编程猫创新编程全国决赛小学组第一部分(客观题)

热门文章

  1. ETHA Lend 项目介绍
  2. c语言c11标准 pdf,C语言新标准C11
  3. distinct (去重)
  4. outlook邮件标题乱码_如何在Outlook中阅读邮件标题
  5. 安超OS为企业数字化转型构建坚实的云基座
  6. 交通违章处罚归来 差4Km驾照就没有了,好险!
  7. informatica添加MySQL表,Informatica 简单使用
  8. informatica权限管理总结
  9. 苏州实时公交app接口根据站台查询公交状态
  10. 学校热水系统服务认证