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、h2、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>