web前端之HTML的大框架

     body元素与frameset元素

对于从事html的人员来说，我们一般熟悉的框架是先声明html ，然后在<html>标签对里包着<head>标签对和<body>标签对，body元素定义文档的主体，包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。而我们想要在页面中显示出来的内容全部写在<body>标签对里。

例如:

<!DOCTYPE html>

<html>
　　<head>
　　　　<title></title>

　　　　<meta charset="utf-8">
　　</head>
　　<body>

　　　　<p>页面中能显示出来</p>

　　</body>
</html>

但是还有另外一个大框架，就是<frameset>标签对，它被用来组织多个窗口（框架），不常用，估计也很少人知道的，不多说  上代码演示:

<!DOCTYPE html>
<html>
<head>
　　<title></title>
</head>
　　<frameset cols="25%,50%,25%">
　　　　<frame  style="background-color: yellow ">
　　　　<frame  style="background-color: green ">
　　　　<frame  style="background-color: lightbl ">
　　</frameset>
</html>

     在其最简单的应用中，<frameset>标签对仅仅会规定在框架集中存在多少列或多少行，必须使用 cols 或 rows 属性。
代码中的cols表示的是所分的列，用相对宽度来表示的，第一列占整体宽度的25%，第二列占整体宽度的50%，第三列占整体宽度的25%，分别加上不同的背景色，看起来更明确。类似的也可以分成若干行rows 来划分整体的高度。如果所分的行或是列不能完全占据整体的宽度或是高度，就在最后加一个 * 来划分剩余的宽度或是高度。
<frameset>每个框架存有独立的文档，可以用src属性来调取，例如<frame src="a.html">就在一个框架中调取了 a.html文件。

需要注意的是 ：不能与 <frameset></frameset> 标签一起使用 <body></body> 标签，它们是归属不同的框架架构。不过，如果需要为不支持框架的浏览器添加一个 <noframes> 标签，请务必将此标签放置在 <body></body> 标签中！
 
 

web前端之HTML的大框架（body元素与frameset元素）的更多相关文章

  1. web前端Vue+Django rest framework 框架 生鲜电商项目实战视频教程 ☝☝☝

    web前端Vue+Django rest framework 框架 生鲜电商项目实战视频教程    web前端Vue+Django rest framework 框架 生鲜电商项目实战视频教程 学习 ...

  2. 学不动了！微信官方推出 Web 前端和小程序统一框架 Kbone

    听说最近微信官方推出了一个统一 Web 前端和小程序的框架 -- Kbone ,特意去看了下... 为什么微信要搞Kbone? 微信小程序的底层模型和 Web 端不同,开发者无法直接把 Web 端的代 ...

  3. web前端Vue+Django rest framework 框架 生鲜电商项目实战✍✍✍

    web前端Vue+Django rest framework 框架 生鲜电商项目实战  整个课程都看完了,这个课程的分享可以往下看,下面有链接,之前做java开发也做了一些年头,也分享下自己看这个视频 ...

  4. 一张图掌握移动Web前端所有技术（大前端、工程化、预编译、自动化）

    你要的移动web前端都在这里! 大前端方向:移动Web前端.Native客户端.Node.js. 大前端框架:React.Vue.js.Koa  跨终端技术:HTML 5.CSS 3.JavaScri ...

  5. 初学者应该怎么学习前端？web前端的发展路线大剖析！

    写在最前: 优秀的Web前端开发工程师要在知识体系上既要有广度和深度!应该具备快速学习能力. 前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化.SEO和服务器端的基础知识,而且要学会运用 ...

  6. web前端开发 --好多视频大集合--文化的传播者-杜恩德

    提醒: 如果需要的话,尽快保存,说不定哪天分享就消失了呢. 1.妙味WEB前端开发全套视频教程 链接: http://pan.baidu.com/s/1bf1Ow2 密码: 2yyu 2.极客学院前端 ...

  7. Web前端学习笔记：Bootstrap框架

    很久之前就有很多人给我推荐twitter的Bootstrap框架,但是直到前几天我才真正学习了下Bootstrap,的确是相当棒的框架,至少从视觉体验上超越了很多以前碰到了前端UI框架.今天我要聊聊B ...

  8. Java Web J2EE下的两大框架SSH和SSM对比

    当下流行的两种企业开发MVC开源框架,是我们Java程序猿必备知识能力.MVC,即模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑.数据.界 ...

  9. Web前端开发--JS技术大梳理

    什么是JS      JavaScript是一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语 ...

随机推荐

  1. Oracle --获取绑定变量的值.

    SELECT * FROM DBA_HIST_SQLBIND WHERE SNAP_ID>67073 AND SNAP_ID<=67079 AND SQL_ID='3DR3410F086P ...

  2. C#类继承和接口继承时一些模棱两可的问题[转]

    原文地址:http://www.cnblogs.com/harleyhu/archive/2012/11/29/2794809.html 1.在father定义的方法若含有virtual关键字,chi ...

  3. Prototype based langue LUA

    Prototype-based programming https://en.wikipedia.org/wiki/Prototype-based_programming Prototype-base ...

  4. RDIFramework.NET ━ .NET快速信息化系统开发框架 ━ 工作流程组件介绍

    RDIFramework.NET ━ .NET快速信息化系统开发框架 工作流程组件介绍 RDIFramework.NET,基于.NET的快速信息化系统开发.整合框架,给用户和开发者最佳的.Net框架部 ...

  5. composer [ReflectionException] Class Fxp\Composer\AssetPlugin\Repository\NpmRepository does not exist

    在执行composer update时报错 [ReflectionException]Class Fxp\Composer\AssetPlugin\Repository\NpmRepository d ...

  6. Design and Analysis of Algorithms_Fundamentals of the Analysis of Algorithm Efficiency

    I collect and make up this pseudocode from the book: <<Introduction to the Design and Analysis ...

  7. Leetcode: Count The Repetitions

    Define S = [s,n] as the string S which consists of n connected strings s. For example, ["abc&qu ...

  8. Bloomberg面经准备: Josephus problem

    Given a circular single linked list.Write a program that deletes every kth node until only one node ...

  9. TP框架常用（一）

    25.显示最后一条查询的sql语句:主要用于在连贯操作时,检测拼接的sql语句是否正确 echo $this->db->last_query();//如:select * from pt_ ...

  10. C# 利用ICSharpCode.SharpZipLib实现在线加密压缩和解密解压缩

    这里我们选用ICSharpCode.SharpZipLib这个类库来实现我们的需求. 下载地址:http://icsharpcode.github.io/SharpZipLib/ 1.单个或多个文件加 ...