h1~h6共规定了6个等级的标题
h1标签有利于SEO优化、但是一个网页最多只有一个，太多会导致搜索引擎以为你是作弊、把你排除在外
p元素（或者说 HTML 段落元素）表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本，或以垂直的空白隔离或以首行缩进，它是块级元素。
strong元素，表示文本十分重要，一般用粗体显示。
strong是一个逻辑状态，它不仅是加粗，还有表示重要信息的。
bold是一个物理状态，只是表示加粗，没有别的意义。
span元素主要作用是对普通文本进行归类
默认情况下和普通文本没有什么区别
用于区分特殊文本和普通文本，比如用来显示一些关键字
一般是做为其他元素的父元素，将其他元素包住，代表一个整体
用于把网页分割成多个独立的部分
属性：
1.src属性（source）可以链接远程图片地址、本地图片地址（路径）
绝对定位
特点：从根目录开始找
缺点：一旦文件路径发生改变，就会找不到
相对定位
规则：. 表示当前目录 .. 表示上一层目录绝对定位
特点：从根目录开始找
缺点：一旦文件路径发生改变，就会找不到
web常用图片格式
png（静态图片、支持透明）、jpg（静态图片、不支持透明）、jpeg（静态图片、不支持透明）、gif（静态图片、支持透明）、webp
alt属性：当图片失效（加载失败）时显示文本
单标签
参考：MDN（ https://developer.mozilla.org/zh-CN ）
1、块状元素：
块级元素是指本身属性为display:block的元素。因为它自身的特点，我们通常使用块级元素来进行大布局（大结构）的搭建。
布局上：独占一行，可以容纳内联元素和其他块元素
样式上：设置width、height有效，可以设置盒子模型的相关css属性，
在不设置宽度的情况下，块级元素的宽度是它父级元素内容的宽度
在不设置高度的情况下，块级元素的高度是它本身内容的高度
2、 行内元素：
内联元素是指本身属性为display:inline的元素。因为它自身的特点，我们通常使用块级元素来进行文字、小图标（小结构）的应用。
布局上：和其他元素从左到右在一行排列，只能容纳文本或者其他内联元素（不要在内联元素中嵌套块级元素）
样式上：不能直接控制width、height，只能使用盒模型部分属性，如padding、line_height、margin-left、margin-right。
内联元素的宽高是由本身内容的大小决定（文字、图标等）
3、 行内块状元素：尽可能少的占用横向空间，和其他元素都在一行上；可以设置width、height、margin、padding等盒模型相关属性。
*常用：img、input、td。
display:block；(将元素变为块级元素)
display:inline； (将元素变为行级元素)
display：inline-block；（将元素变为行级块元素）
a. 块元素特立独行；内联元素随波逐流。
b.块元素通常用作网页的主要构建模块，而内联元素常用来标记小段内容（修饰文本）
c.设计一个页面时，一般从较大的块开始 ，然后完善页面的时候再加入内联元素。
d. 对标签能够清晰的分类，掌握标签的特性，在选择标签时避免犹豫不决，提高布局效率。
HTML5新结构标签
HTML5-新的属性语法
HTML5图形
HTML5音视频标签
对本地离线存储的更好的支持
新的表单控件，比如 calendar、date、time、email、url、search
移除的元素：
纯表现的元素：basefont，big，center，font, s，strike，tt，u
对可用性产生负面影响的元素：frame，frameset，noframes；
支持HTML5新标签 ： IE8/IE7/IE6支持通过document.createElement方法产生的标签，可以利用这一特性让这些浏览器支持HTML5新标签，浏览器支持新标签后，还需要添加标签默认的样式。当然也可以直接使用成熟的框架、比如html5shim
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
Top-level element 【顶级元素】: { html, body, frameset } 包括html, body,frameset, 表现如Block-level element, 属于高级块级元素. Block-level element 【块级元素】: {
p, h...
