第一课：HTML的格式标签

一直想学习网页制作的知识，尝试了几次，都因为种种原因放弃了。其实看的书和查的资料也不少，都是断断续续的，不够系统，这次趁着过年放假早，从头静下心来学一下。

这篇其实是自己的学习笔记，在网易云课堂看的高洛峰老师的视频教程（高老师的课程讲的很实用，一些现在不太用的都精简了。），分享出来，一是给和我一样有需要的人，二是有个动力，这是第一篇，之后还会有后续...

如果有错误的地方，请留言告知，谢谢...

第一课 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%" />

复制以上代码，点击下方试一试！
试一试

如果有错误的地方，请留言告知，谢谢...