一直想学习网页制作的知识，尝试了几次，都因为种种原因放弃了。其实看的书和查的资料也不少，都是断断续续的，不够系统，这次趁着过年放假早，从头静下心来学一下。
这篇其实是自己的学习笔记，在网易云课堂看的高洛峰老师的视频教程（高老师的课程讲的很实用，一些现在不太用的都精简了。），分享出来，一是给和我一样有需要的人，二是有个动力，这是第一篇，之后还会有后续...
如果有错误的地方，请留言告知，谢谢...
第一课 HTML的格式标签
1、换行标签
用于换行
<!-- 换行标签 -->
我没有加换行标签
我没有加换行标签
我没有加换行标签
<br />
我加了换行标签<br />
我加了换行标签<br />
我加了换行标签<br />
复制以上代码，点击下方试一试！
试一试
2、段落标签
用于定义一个段落区块，并在前后留出空白区域
这是一个段落标签。
<p>
这是一个段落标签，会定义一个区块，并在前后创建一些空白。
</p>
这是一个段落标签。
复制以上代码，点击下方试一试！
试一试
3、局中标签
用于使文字局中显示
我没有居中
<center>我局中了</center>
复制以上代码，点击下方试一试！
试一试
4、预格式化标签
用于输出文本默认排版格式，即有点类似所见即所得的效果
我没有用 默认排版方式 输出，
看看我原 来的空格和换 行都没有了！
<pre>
我用了 默认排版方式 输出，
看看我原 来的空格和换 行都保留了！
</pre>
复制以上代码，点击下方试一试！
试一试
5、无序列表
用于创建无序列表
<ul>
<li>无序列表1</li>
<li>无序列表2</li>
<li>无序列表3</li>
<li>无序列表4</li>
</ul>
复制以上代码，点击下方试一试！
试一试
6、有顺列表
用于创建有序列表
<ol>
<li>有序列表1</li>
<li>有序列表2</li>
<li>有序列表3</li>
<li>有序列表4</li>
</ol>
复制以上代码，点击下方试一试！
试一试
7、水平分割线
用于创建一条水平分割线
看看下方有一根线哦
<hr />
还可以定义线的长度
<hr width="80%" />
复制以上代码，点击下方试一试！
试一试
如果有错误的地方，请留言告知，谢谢...
