类
对 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文档
* 很难打印整张页面
框架结构标签：
* 框架结构标签（
