块元素：<h1>、<p>、<ul>，显示时会独立成行。
内联元素：<b>、<a>、<img>，显示时不会独立成行。
<div>元素：块元素，组合其它HTML的容器。它可以来修饰在容器自身内的元素。通常可以使用css修饰。
例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>div例子</title>
<!-- 使用两个简单css样式修饰两个div块，css样式如下： -->
<style type="text/css">
div#div01{ <!-- 花括号不是括号 -->
color: red;
}
</style>
<style type="text/css">
div#div02{
color: blue;
}
</style>
</head>
<body>
<div id="div01">youyouyou</div>
<div id="div02">youyouyou</div>
</body>
</html>span元素：内联元素。它作为文本容器，对其中的文本进行修饰。
例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>span例子</title>
<!-- 使用两个简单css样式修饰两个span元素，css样式如下： -->
<style type="text/css">
span#span01{
color: yellow;
}
</style>
<style type="text/css">
span#span02{
color: pink;
}
</style>
</head>
<body>
<span id="span01">mememe</span>
<span id="span02">mememe</span>
<!-- span为内联元素，不会单独成行 -->
</body>
</html>