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. vim - copy/paste a word

    1. http://stackoverflow.com/questions/7797068/copying-a-word-and-pasting-over-a-word viwp - visually ...

  2. python_编程规范

    缩进 4个"空格"作为一个缩进层次,永远不要使用"制表位" 空格 运算符两边放置一个空格 命名  模块名:模块应该是不含下画线的.简短的.小写的名字.  类名: ...

  3. HBASE基础知识

    HBASE的集群的搭建HBASE的表设计HBASE的底层存储模型 HBase 是一个高可靠.高性能.面向列.可伸缩的分布式缓存系统.利用HBase 技术可在廉价PC Server上搭建起大规模结构化存 ...

  4. cocos2dx 3.x(获得父类的node型指针调用父类函数this->getParent())

    void CenterLayer::zhanzheng(CCObject* pSender){ ((GameScene*)this->getParent())->showLayer(Gam ...

  5. python中使用正则表达式

    正则表达式元字符:. ^ $ * + ? {} [] \ | ()第一部分:1.[] 常用来指定一个字符集,用于匹配其中的一个字符:^,$元字符在里面不起作用,但是+-*等符号在[]中还是有特殊含义的 ...

  6. vi编辑器的使用

    在命令模式下进入编辑模式,输入字母"a","A","i","I","o","O" ...

  7. 2.MongoDB数据库简介

    1).简介 MongoDB是一个基于分布式文件存储的数据库.由C++语言编写.旨在为WEB应用提供可扩展的高性能数据存储解决方案. mongoDB是一个介于关系数据库和非关系数据库之间的产品,是非关系 ...

  8. __PUBLIC__ 路径更改

    config.php 'TMPL_PARSE_STRING' => array( '__PUBLIC__' => __ROOT__ . '/' . APP_NAME . '/Tpl/Pub ...

  9. Keras学习～试用卷积～跑CIFAR-10

    import numpy as np import cPickle import keras as ks from keras.layers import Dense, Activation, Fla ...

  10. 夺命雷公狗-----React_native---5---初步读懂代码模式

    我们的代码一般导出会用两种方式,如下所示: 这两种方法都是可以的.... 引入方式其实也是很简单的,如下所示: 这样即可...