1、HTML的宏观结构树
<!DOCTYPE html>
<html>
<head>
</head>
<body></body>
</html>
2、HTML内的head里面的内容
示例example：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>页面一</title>
</head>
<body></body>
</html>
3、块级标签（行标签）和内敛标签（行内标签）
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>页面一</title>
</head>
<body>
<div>block块标签</div>
<span>内敛标签<span>
</body>
</html>
解说：1、块级标签一个占用一行，内敛标签内容有多长占用多长
2、块级标签：div、h1、p 内敛标签:span、a、select
4、html中的特殊符号表示
http://www.jb51.net/onlineread/htmlchar.htm
5、p和br标签
p 表示段落，默认段落之间是有间隔的
tr 是换行,这个标签是自闭合的
example:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>页面一</title>
</head>
<body>
<div>block<br/>块标签</div>
<p>内敛标签</p>
<p>内敛标签</p>
</body>
</html>