满满正能量_617a

Html基础

类

对 HTML 进行分类（设置类），使我们能够为元素的类定义 CSS 样式。

为相同的类设置相同的样式，或者为不同的类设置不同的样式。

* 分类块级元素：

它能够用作其他 HTML 元素的容器,设置

元素的类，使我们能够为相同的

元素设置相同的类。

class="cities">

China

中国有许多省份

样式：

* 分类行元素：

行内元素，能够用作文本的容器。设置元素的类，能够为相同的元素设置相同的样式。

呵呵，<span class="red">Important这边是一般的文本信息

样式：

布局

元素常用作布局工具，因为能够轻松地通过 CSS 对其进行定位。

* 使用 HTML5 的网站布局：

header：定义文档或节的页眉；

nav: 定义导航链接的内容；

section: 定义文档中的节；

article: 定义独立的自包含文章；

aside: 定义内容之外的内容（比如侧栏）；

footer: 定义文档或节的页脚；

details: 定义额外的细节；

summery: 定义 details 元素的标题；

* 使用表格的Html布局：

的作用是显示表格化的数据；

使用

元素能取得布局效果，因为能够通过 CSS 设置表格元素的样式；

Html响应式web设计（多看多写）

什么是响应式 Web 设计？

· RWD 指的是响应式 Web 设计（Responsive Web Design）

· RWD 能够以可变尺寸传递网页

· RWD 对于平板和移动设备是必需的

* 创建您自己的响应式设计：创建响应式设计的一个方法，是自己来创建它

* 使用 Bootstrap：另一个创建响应式设计的方法，是使用现成的 CSS 框架；Bootstrap 是最流行的开发响应式 web 的 HTML, CSS, 和 JS 框架。

Bootstrap 帮助您开发在任何尺寸都外观出众的站点：显示器、笔记本电脑、平板电脑或手机:

href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

Html框架（使用框架，一个浏览器页面可以放置多个Html页面）

通过使用一个框架，你可以在同一个浏览器窗口中显示不止同一个页面。每份Html文档成为一个框架，并且每一个都独立于其他的框架。

使用框架的坏处：

* 开发人员必须同时跟踪更多的HTML文档

* 很难打印整张页面

框架结构标签：

* 框架结构标签（）定义如何将窗口分割为框架；

* 每个 frameset 定义了一系列行或列；

* rows/columns 的值规定了每行或每列占据屏幕的面积

编者注：frameset 标签也被某些文章和书籍译为框架集。

框架标签（Frame）：

Frame 标签定义了放置在每个框架中的 HTML 文档。

在下面的这个例子中，我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中，而 HTML 文档 "frame_b.htm" 被置于第二个列中：

<frameset cols="25%,75%" >

<frame src="frame_a.htm">

<frame src="frame_b.htm">

frameset>

备注：假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在标签中加入：noresize="noresize"。

为不支持框架的浏览器添加