html框架（html中窗口框架的基本结构，主要利用哪两个标记来定义的）

本文目录

• html中窗口框架的基本结构，主要利用哪两个标记来定义的
• 常用的HTML5框架有哪些
• 怎样用Jquery写出一个美好的HTML5前端框架模板
• html中框架(frame)的详细使用方法
• html浮动框架怎么加文字和图片

html中窗口框架的基本结构，主要利用哪两个标记来定义的

架可以生成独立变化和滚动的窗口，从而能将一个窗口分割为若干个字窗口。在每一个字窗口中显示一个HTML文档。我们这回就来看看多文档的基本结构和子窗口之间的交叉链接。 一，基本结构HTML使用《Frameset》,《Frame》和《noFrames》标签来定义框架。下面我们就来了解一下这三个标签的作用和相应的属性。 （一），《Frameset》标签。 该标签是框架设计标签，成对使用。首尾标签之间的内容就是使用到框架的HTML主体部分。在使用框架的HTML文档中不能出现《body》标签，否则会导致浏览器忽略所有的框定义而只显示《body》和《/body》之间的内容。 《Frameset》标签作用是将窗口分割为若干个自窗口，子窗口的数目取决于嵌套在该标签中《Frame》标签的书目。《Frameset》标签有两个属性。rows和cols，分别用来确定个子窗口的高度和宽度，格式为《Frameset rows="值1,值2,……值n"》;《Framest cols="值1,值2,……值n"》.各参数之间以逗号分割，依次表示各个自窗口的高度（宽度）。这两个属性的参数值可以是数字、百分数或符号“*”。下面我们来分别解释一下： （1）数字。表示子窗口高度（宽度）所占的像素点数。 （2）百分数。表示子窗口高度（宽度）占整个浏览器窗口高度（宽度）的百分比。 （3）符号“*”。当符号*只出现一次。即其他子窗口的大小都有明确的定义时，表示该子窗口的大小将根据浏览器窗口的大小而自动调整。当符号*出现一次以上时，表示按比例分割浏览器窗口的剩余空间。例如： 《Frameset cols="40%,2*,*"》表示将浏览器窗口分割为3列，第一个子窗口在第一列，窗口宽度为整个浏览器窗口宽度的40%；第二个子窗口在第二列，占浏览器窗口剩余空间的2/3，即其宽度为整个浏览器窗口宽度的40%，第三个子窗口占剩余空间的1/3，宽度为整个浏览浏览器窗口宽度的20%。 （二），《frame》标签。HTML用《frame》标签来标识子窗口。《frame》标签是嵌套在框架设置标签《Frameset》标签中来使用的单独标签。在《Frameset》中定义了多少个子窗口就要有多少个《frame》标签与之匹配，依次定义各个窗口的性质。《frame》标签有7个属性，除SRC属性是不可缺省的外，其他属性都是可选的。 （1）SRC属性。用以定义子窗口的名称。 （2）.name属性。用于定义子窗口的名称。 （3）frameboder属性。该属性的参数值为1或0。当参数值为1时，表示该子窗口有边框，为0时没有边框。该属性缺省值为1。 （4）bordercolor属性。用以规定子窗口的边框颜色。如果在一个以上的《frame》标签中定义了子窗口的边框颜色，则以第一次指定的颜色为标准。在指定边框颜色时，可以使用颜色的RBG代码或直接使用与该颜色想对应的英文单词。bordercolor属性的参数值可以是16种颜色中的任意一种。
（5）sclling属性。属性的参数值为yes,no或auto之一。参数值为yes时表示该子窗口始终有滚动条。为no时是始终没有滚动条。为auto时表示当文档的内容超出窗口范围时，浏览器自动为该子窗口添加滚动条。scolling属性的缺省值为auto. （6）maginwidth和marginwidht属性。这两个属性是用来指定显示内容与窗口边界之间的空白距离大小的。其中maginwidth属性用于确定显示内容与左右边界之间的距离；maginwidht用来确定显示内容与上下边界之间的距离。这两个属性的参数值都是数字。分别表示左右边距所占的像素点数。 （三），《noframes》标签。使用该标签可以在用户浏览器不支持框架显示时告之用户一些相关信息，以免浏览者对空白窗口画面感觉莫名其妙。《noframes》标签是成对使用的。首尾标签之间的内容就上告之浏览者的信息。如“如您看到空白的画面说明您的浏览不支持框架显示”。虽然常用的两中浏览器IE和NC都是支持框架显示的。但为了加强文档的适用性，我们最好还是养成使用这个标签的习惯。框架可以生成独立变化和滚动的窗口，从而能将一个窗口分割为若干个字窗口。在每一个字窗口中显示一个HTML文档。
本篇文章来源于深山行者个人网站 http://www.qwbm.com 原文出处： http://www.qwbm.com/new.asp?id=531

常用的HTML5框架有哪些

大多数的 web 开发者一直在用关键点来寻找动态的框架，这样能简化设计和开发工作。

HTML5 框架在所有的 web 浏览器和手机应用上都展现了优秀的性能。不仅简化了 HTML5 开发中 CSS 开发的沉重负担，还提高了网站的可见性。主要的原因是 HTML5 提供了独有的特征，例如特殊的架构标签，动画，浏览器支持等。

• Ionic                                                                                                                   

  Ionic 是一个神奇的框架和强大前端开源系统，使用先进的 web 技术比如 CSS、HTML 和 JS 来创建令人惊叹的手机应用。已经定制了在所有手机设备上的快速操作，并且确保简单的功能和大量的手机组件。

  您可以通过一个命令创建来测试和使用基于任何平台上的 ionic 应用。此外，该框架为它自己的组件提供了一套 Angular 指令（自定义的 HTML 元素），从而使它可以简单的编写一行 HTML 代码。类似指令，它使用视图动画逻辑，异步通信，Angular 的触摸识别和 HTML 清洁处理。

• Siimpler 

• Siimpler 是一个简单的 HTML 开发框架，可以通过选择自己喜欢的部分，来帮助快速又简单的创建 HTML5 开发结构。根据项目需求，可运用 Siimpler 开发你自己熟悉的前端结构。网络设计者们也可以通过使用 Siimpler 框架类的文件和文件夹来无缝的开始一个 web 项目。

• Foundation

• Foundation 是世界上最精妙的前端响应框架，同时，它可以兼容所有的浏览器和网络设备。Foundation 拥有移动友好型的用户接口，并且获得了许多的原件来帮助你快速又完美的建立一个响应站点。Foundation 设置了许多关键的特性，例如 HTML，CSS UI 原件，模板，小代码块，含有按钮，表单，字体，导航等功能的响应组件。

• LimeJS

  针对于所有的最新的桌面浏览器和触屏设备，LimeJS 对于有用户经验的游戏开发者而言是最好的和最强大的开发框架。LimeJS 对于在线游戏开发而言能够带来更好的功能和更快的开发过程，而且适合所有的浏览器和触屏设备。

• Enyo

• Enyo 是一个开源的 JavaScript 框架，该框架能够让你创建顶级的 HTML5 应用程序，该应用程序能够运行在各种各样的电子设备上，比如说手机，台式机，笔记本，电视，以及 web 应用。对于很多流行的手机公司开发的重要应用都是采用该框架实现的。

• 最后：这是对于一个 HTML 开发公司的独特的功能，操作，需求，以及 HTML5 框架的最好的表现。

怎样用Jquery写出一个美好的HTML5前端框架模板

前端工作是指售前?、

还是说开发展现层?

j2ee方向的我给你提供点信息吧:

1、JSP，HTML，CSS，JS(常用的库，和基本语法)、ajax技术。

2、java基础语法，常用的框架，如:struts，hibernate，spring，ibatis，mybatis

3、数据库:MYSQL，sqlserver，oracle等

4、工具:数据库设计工工具，流程图工具，office，邮件

5、服务器:linux，windows

6、计算机相关:硬件，内存，操作系统相关知识等等。

太多了，你具体说说你想知道哪些?

html中框架(frame)的详细使用方法

框架概念 ：
所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只 要 《FRAMESET》 《FRAME》 即可，而所有框架标记 要放在一个总起的 html 档，这个档案只记录了该框架 如何划分，不会显示任何资料，所以不必放入 《BODY》 标记，浏览这框架必须读取这档 案而不是其它框窗的档案。《FRAMESET》 是用以划分框窗，每一框窗由一个 《FRAME》 标 记所标示，《FRAME》必须在 《FRAMESET》 范围中使用。如下例：
《frameset cols="50%,*"》
《frame name="hello" src="up2u.html"》
《frame name="hi" src="me2.html"》
《/frameset》
此例中 《FRAMESET》 把画面分成左右两相等部分，左便是显示 up2u.html，右边则会显示 me2.html 这档案，《FRAME》 标记所标示的框窗永远是按由上而下、由左至右的次序。

《FRAMESET》 《FRAME》 ：

《FRAMESET》 称框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割。
《FRAME》 则只是设定某一个框窗内的参数属性。
《FRAMESET》 参数设定：
例子：《frameset rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000"》
COLS="90,*"
垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则代表占用馀下空 间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以 切成三个视窗，第一个视窗是 30 pixels 的宽度，为一绝对分割，第二个视窗是当 分配完第一及第三个视窗后剩下的空间，第三个视窗则占整个画面的 50% 宽度 为 一相对分割。您可自己调整数字。
ROWS="120,*"
就是横向切割，将画面上下分开，数值设定同上。唯 COLS 与 ROWS 两参数尽量 不要同在一个 《FRAMESET》 标记中，因 Netacape 偶然不能显示这类形的框架，尽 采用多重分割。
frameborder="0"
设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避 免使用 yes 或 no ）
border="0"
设定框架的边框厚度，以 pixels 为单位。
bordercolor="#008000"
设定框架的边框颜色。
framespacing="5"
表示框架与框架间的保留空白的距离。

《FRAME》 参数设定：
例子：《frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF"》
SRC="a.html"
设定此框窗中要显示的网页档案名称，每个框窗一定要对应著一个网页档案。你可 使用绝对路径或相对路径，有关此两者详见於【连结进阶】。
NAME="top"
设定这个框窗的名称，这样才能指定框架来作连结，必须但任意命名。
frameborder=0
设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避 免使用 yes 或 no ）
framespacing="6"
表示框架与框架间的保留空白的距离。
bordercolor="#008000"
设定框架的边框颜色。颜色值请参考【HTML 剖析】。
scrolling="Auto"
设定是否要显示卷轴，YES 表示要显示卷轴，NO 表示无论如何都不要显示， AUTO是视情况显示。
noresize
设定不让使用者可以改变这个框框的大小，亦没有设定此参数，使用者可以很随 意地拉动框架，改变其大小。
marginhight=5
表示框架高度部份边缘所保留的空间。
marginwidth=5
表示框架宽度部份边缘所保留的空间。
《NOFRAMES》 ：

当别人使用的浏览器太旧，不支援框架这个功能时，他看到的将会是一片空白。为了避免 这种情况，可使用 《NOFRAMES》 这个标记，当使用者的浏览器看不到框架时，他就会看 到 《NOFRAMES》 与 《/NOFRAMES》 之间的内容，而不是一片空白。这些内容可以是提醒 浏览转用新的浏览器的字句，甚至是一个没有框架的网页或能自动切换至没有框架的版本 亦可。
应用方法：
在《frameset》 标记范围加入 《/NOFRAMES》 标记，以下是一个例子：
《frameset rows="80,*"》
《noframes》
《body》
很抱歉，馈下使用的浏览器不支援框架功能，请转用新的浏览器。
《/body》
《/noframes》
《frame name="top" src="a.html"》
《frame name="bottom" src="b.html"》
《/frameset》
若浏览器支援框架，那堋它不会理会 《noframes》 中的东西，但若浏览器不支援框架，由 於不认识所有框架标记，不明的标记会被略过，标记包围的东西便被解读出来，所以放在 《noframes》范围内的文字会被显示。

《IFRAME》 ：

这标记只适用於 IE。 它的作用是在一页网页中间插入一个框窗以显示另一个文件。它是 一个围堵标记，但围著的字句只有在浏览器不支援 iframe 标记时才会显示，如《noframes》 一样，可以放些提醒字句之类。通常 iframe 配合一个辨认浏览器的 Java Script 会较好，若 JavaScript 认出该浏览器并非 Internet Explorer 便会切换至另一版本。
《iframe》 的参数设定如下：
例子： 《iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"》
src="iframe.html"
欲显示於此框窗的文件来源除档案名称，必要加上相对或绝对路径。
name="test"
此框窗名称，这是连结标记的 target 参数所 要的，
align="MIDDLE"
可选值为 left, right, top, middle, bottom，作用不大
width="300" height="100"
框窗的宽及长，以 pixels 为单位。
marginwidth="1" marginheight="1"
该插入的文件与框边所保留的空间。
frameborder="1"
使用 1 表示显示边框， 0 则不显示。（可以是 yes 或 no）
scrolling="Yes"
使用 Yes 表示容许卷动（内定）， No 则不容许卷动。
例子： 原始码
《center》 《ifra
《/form》
这样就可以你的查询条件传给main.asp中了！

html浮动框架怎么加文字和图片

1、使用css中的flaot属性就可以了，首先打开Dreamweaver，创建html文件：
2、然后先给页面设置背景颜色，创建段落两个段落，段落上面设置2张图片的float属性，分别让它们左右浮动，值为left和right，最后打开浏览器：
3、打开浏览器后即可看到效果，两张图片分别浮动在文本的左右两边，文字则是围绕在图片周围.。