<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="http://www.baidu.com">一 清</a>
<!-- 这里我空格很多，但是你会发现打开后只有一个空格，所以有了 -->
<a href="http://www.baidu.com">一 清</a>
<!-- 不能在标签里面写 <xx>这样的浏览器无法分辨是标签还是内容 ，可以用 <xx>
还有很多这样的，不过那些图标不常用，记下 即可-->
<p>这里是段落666666666<br>6666666666666666</p>
<!-- <p>是段落，段落太长时候，加上<br>为了换行！-->
<h1>Yiqing</h1>
<h2>Yiqing</h2>
<h3>Yiqing</h3>
<h4>Yiqing</h4>
<h5>Yiqing</h5>
<h6>Yiqing</h6>
<!-- 字体大小从h1到h6依次减少-->
<span>hello</span>
<span>hello</span>
<span>hello</span>
<span>hello</span>
<!-- 可以发现span标签不换行-->
<!-- span标签称为行内标签，就相当于一个白板，CSS里可以对他操作一波
h标签和p标签称为块级标签，它霸占着一整行
H系列加大加粗，P标签：段落之间有间距-->
<div>1</div>
<div>2</div>
<div>3</div>
<!-- div标签很常见，它也是块级标签，一个占一行
不过它没有加大，也没有加粗，相当于有一个白板，
有句名言：学前端就要会DIV+CSS，作用不需多解释-->
</body>
</html>
