博文纲领：

HTML5开发常见的7个框架,你知道几个?

1、Siimpler Siimpler是一个简单易用的HTML开发框架，用户可选择自己喜欢的部分快速创建HTML5开发结构。网络设计师使用Siimpler的框架类文件和文件夹，可以无缝地开始新的Web项目。Ionic Ionic是一个强大的框架和前端开源系统，使用CSS、HTML和JS等先进技术，为手机应用的创造提供令人惊叹的体验。

html框架布局（html设置框架）

2、Siimpler Siimpler 是个简单的 HTML 开发框架，他可以通过选择你自己喜欢的部分，来帮助你迅速又简单地创建 HTML5 开发结构。网络设计者们也可以通过使用 Siimpler 框架类的文件和文件夹来无缝的开始一个 Web 项目。

3、Titanium使用Alloy，Alloy是一个快速开发的手机应用MVC框架，模块式开发可以大大减小开发时间，提高代码复用。⑥：SenchaTouch SenchaTouch同样也是HTML5手机应用跨平台开发框架，运行iOS/Android/Blackberry。它已经诞生很多年了，现在已经成为很常用的混合式编程开发框架。

4、Less Framework（MIT；响应式）自适应的CSS网格系统。 Flameinwork（Free）适合懒人开发者的前端微框架。 G5 Framework（Free）(x)HTMLCSS、PHP前端开发框架。 Easy Framework（Free）Easy Framework是一个一体化前端解决方案，分structural、 presentational、interactive三层。

html两个内联框架如何一个显示在左边一个显示在右边?

1、为了实现一个内的两个中一个左浮动，一个居中的效果，可以使用CSS来完成。首先定义一个父级，然后为其设置相应的样式。考虑下面的示例代码：.container { position： relative； } 然后为左浮动的设置浮动属性，为居中的设置自动居中属性。

2、首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容。此时对应效果如图。接下来准备相关的导航按钮图片（可以事先利用PS制作好）。然后将以下CSS代码加入到head/head之间。网页此时的效果如图，就完成了。

3、首先如图所示的web结构即一个html和css即可实现。打开html页面 定义一个大的div和两个小div 如图所示。最常用的float浮动，只要两个小div的宽度小于等于大div的宽度，即可实现并排了。使用position进行绝对定位，然后使用margin-left除去第一个小div的宽度即可。

html有哪些布局

1、HTML的布局主要有以下几种：流式布局 流式布局是HTML文档中最基础且常见的布局方式。在这种布局中，页面元素按照其在HTML中出现的顺序从左到右、从上到下排列。如果元素所占空间超出容器边界，内容会被自动换行或者延伸。这种布局简单直观，适用于简单的网页布局。

2、在HTML中实现div左右布局，可借助CSS的浮动和定位属性。具体操作如下：示例代码如上，父元素div的宽度设定为800px，高度为500px，利用margin属性使其居中。左侧div宽度设定为200px，同样高度500px，采用浮动使元素靠左排列。右侧div宽度为600px，高度同前，通过相对定位将其左侧位置设置在左侧div右侧。

3、自然布局。没有任何修饰的布局是自动靠左的。流动布局 上面讲的float：left的情况。定位布局 相对定位和绝对定位都是相对于父div标签的。相对---以这个元素的本来应该在的位置为参照点 绝对——以父div标签的原点（左上角）为参照点。

4、利用HTML进行布局的方法有：通过“table”标签来对表格的行和列进行排列来实现页面布局的效果；将网页内容放在多个页面中的多列布局；使用div和span标签进行布局。页面布局：标题：前端的一部分，用于页面顶部。header标签用于在网页中添加标题部分。导航栏：导航栏与菜单列表相同。

iframe框架详细讲解和居中设置及滚动条设置

iframe居中设置：使用CSS设置上级标签样式：为包含iframe的div元素设置文本对齐方式为居中，以实现水平居中显示。同时，可通过添加样式调整iframe的高度和宽度，以适应页面布局。直接为iframe设置CSS样式：使用CSS样式直接为iframe设置居中显示，例如使用margin： 0 auto；实现水平居中。

frameborder属性用于控制框架边框，默认情况下有边框，可以通过设置其值为0来取消边框。scrolling属性用于控制是否显示框架的滚动条，有三个可选值：auto（默认值，在需要的情况下出现滚动条）、yes（始终显示滚动条）、no（从不显示滚动条）。HTML5中新增了scrolling属性。iframe标签支持HTML的全局属性。

使用iframe时，可以设置一些属性以定制其外观。例如，height用于设定框架高度，width控制宽度，name用来定义框架名称，frameborder决定是否显示边框，scrolling决定是否显示滚动条，取值有yes、no和auto，而src则是设置框架要链接的文档地址，可以是页面或图片。

我们举第一个例子，具体代码如：iframe width=420 height=330 frameborder=0 scrolling=auto src=URL/iframe，这里的URL可以是相对路径，也可以是绝对路径，效果如：width表示宽度，height表示宽度，可根据实际情况调整。

html边框线怎么设置?

1、打开编辑器，新建一个HTML文档，并且编写基本框架。新建一个CSS文档，并且关联刚刚创建的HTML文档。新建一个div标签，可以看到这个div默认是没有边框的。border：1pxsolidred；这是我们设置边框的常用格式。我们可以把边框改为点状式的。也可以修改为虚线形状的。

2、在ue编辑器中新建一个空白的html文件，css文件。在ue编辑器中输入以下css代码。在浏览器中打开此html文件，可以看到最终想要实现的table的边框颜色，只要外面一圈，不要网格线效果。

3、首先新建一个html文件，输入基本的内容，这里设置一个div，并把它的class设置为demo，用浏览器打开看看默认的效果：设置div的样式，这里给div300px的宽度。