html 利用 frameset 进行简单的框架布局
参考
- 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 进行简单的框架布局相关推荐
- php codeigniter 语言,利用 PHP 语言, CodeIgniter 框架, MySQL 数据库搭建简单的 Forum...
CodeIgniter-learn-forum 利用 PHP 语言, CodeIgniter 框架, MySQL 数据库搭建简单的 Forum ,仅供学习之用. 演示地址:Demo 功能简介 用户注册 ...
- 网页框架布局设计_实用的网页设计-框架和框架用法介绍
网页框架布局设计 Ah, frames. We hated them when Netscape first offered them up around 1995; we deplored them ...
- html简介框架模板,html框架布局后台模板.doc
html框架布局后台模板 篇一:使用框架布局页面 单元4--使用框架布局页面 学习目标: ? 理解框架布局的原理 ? 掌握使用框架进行页面布局的方法 ? 学习利用浮动框架嵌入插件 Dreamweave ...
- cad视口缩放区域怎么使用_CAD布局怎么用?简单讲解CAD布局用法和基本操作
CAD布局怎么用 CAD布局怎么用?我们在使用CAD软件时候,布局空间出图比模型空间的好处在于,当需要调整不同比例时,只需通过调整视口比例,而不需要缩放图框,并且可以反复调用相同的模型空间内的图形.下 ...
- HTML学习14:框架布局
文章目录 1.框架页面的基本结构 2.水平布局 3.垂直布局 4.混合框架集 5.为框架添加内容 6.改进:使用name属性 7.target 8.给框架布局设置一些属性 相对div布局,框架布局是一 ...
- html框架集把那根框架隐藏,HTML 框架集 frameset 和内嵌框架 iframe
HTML 框架集 frameset 和内嵌框架 iframe 今天总结 和 < ifrme> 两个标签. frameset 标签用于定义一组框架集, 将多个窗口组合在一个框架集中, 各个子 ...
- Android用户界面设计:框架布局
框架布局是将控件组织在Android程序的用户界面中最简单的布局类型之一. 理解布局对于良好的Android程序设计来说是非常重要的.在这个教程里,你将学到所以关于框架布局的知识,它们主要用来在屏幕上 ...
- Android用户界面设计“.NET研究”:框架布局
框架布局是将控件组织在Android程序的用户界面中最简单的布局类型之一. 理解布局对于良好的Android程序设计来说是非常重要的.在这个教程里,你将学到所以关于框架布局的知识,它们主要用来在屏幕上 ...
- 整理:Android apk 框架 布局 集锦
2019独角兽企业重金招聘Python工程师标准>>> 看到好的技术教程就想分享一下,不喜勿喷!谢谢配合,仅供菜鸟学习研究(^o^)/~ 友情推荐<爱加密>Android ...
最新文章
- 一个老外如何丑化中国程序员
- android 程序类图,Android模板设计模式之 - 构建整个应用的BaseActivity
- 微信小程序中this指向作用域问题this.setData is not a function报错
- LeetCode —— 980. 不同路径 III(Python)
- Spring Boot,Sprint Batch 学习
- bash不能运行c语言,解决:无法加载文件 C:\\Program Files\\.. 因为在此系统上禁止运行脚本。...
- iOS Core Animation Advanced Techniques-图层树
- 按键精灵定位坐标循环_按键精灵基础命令教程
- 台湾19大IT业营收连衰 全球产业景气警报先兆
- 5G应用技术系列 - 从带宽和时延看5G和4G对应用区别
- 高德地图JS-API开发—Marker添加及infoWindow处理
- 计算机基础知识——基础入门(一)
- java飞机代码_java实现飞机游戏代码
- 电源纹波怎么测量,纹波和噪声的区别
- 用python刷网页浏览量_使用python刷文章阅读量
- mysql主从和redis主从
- 使用IText组件在PDF文档上绘制椭圆形印章的算法分析及代码分享
- 2021年web前端基础面试题
- fastlane提交AdHoc测试包到蒲公英平台,获取git提交信息展示到更新说明中
- 2020 NOC 编程猫创新编程全国决赛小学组第一部分(客观题)