块级元素是指本身属性为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>
单词缩写： head 头部. 标题 title 文档标题
为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即
标题标签语义： 作为标题使用，并且依据重要性递减
其基本语法格式如下：
小结 :
单词缩写： paragraph 段落 [ˈpærəgræf]无须记这个单词
作用语义：
可以把 HTML 文档分割为若干段落
在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落的标签就是
是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。
单词缩写： horizontal 横线[ˌhɔrəˈzɑntl]同上
在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标签来完成，<hr />就是创建横跨网页水平线的标签。其基本语法格式如下：
在网页中显示默认样式的水平线。
单词缩写： break 打断 ,换行
在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签
这时如果还像在word中直接敲回车键换行就不起作用了。
div span是没有语义的 是我们网页布局主要的2个盒子 想必你听过 css+div
div 就是 division 的缩写 分割， 分区的意思 其实有很多div 来组合网页。
span 跨度，跨距；范围
语法格式：
他们两个都是盒子，用来装我们网页元素的， 只不过他们有区别，现在我们主要记住使用方法和特点就好了
HTML基本标签：b标签： 粗体，双标签
i标签： 斜体，双标签
del标签：删除线，双标签
p标签：段落标签，双标签，p标签只有一个align属性，其属性有left，right，center，justif四个值，方式文本的对齐
注意：不建议使用align属性，推荐使用text-align样式代替，CSS语法：<p style=”text-align:center”>内容</p>
hr标签：水平线标签，单标签，其属性有color（水平线颜色），noshade（设定水平线的颜色为纯色而不是有阴影的颜色），size（水平线高度，单位：像素），width（水平线宽度，单位：像素或%）以及align，其属性值有left，right，center三个
hn标签：标题标签，双标签，n的值为1~6,其中<h1></h1>定义最大的标题；只有一个align属性，其值和p标签align属性一样，但不建议使用该align属性，推荐使用text-align样式代替，其使用方法参见p标签
img标签：图像标签，单标签，该标签有src属性（图片URL）和alt属性（图片不存在时的代替文本）两个必需的属性，还有一些其它属性，常用的有：
1.height和width：设置图片的高度和宽度，单位为像素或%（注意：两者只要其一便可实现等比缩放，同时使用可能会使图片变形）
2.title：设定鼠标移到元素上时显示的信息，（注意：任何标签都有title属性，它不是img标签特有的）
a标签：属性有href用于指定打开的页面，target用于指定在哪个窗口中打开页面
ol标签：有序列表标签，双标签，有type和start两个属性，type用于指定ol子标签li的编号类型，默认为数字，还可以是字母，阿拉伯数字或罗马数字；start用于指定ol子标签li序号起始点，默认为1，必需为整形数字。
ul标签：无序列表标签，双标签，有type属性，该属性用于指定ul 子标签li的编号类型，默认为实心圆，其值可以为disc（实心圆），circle（空心圆），square（实心方块儿）
