【九月打卡】第2天 HTML5效果标签和列表标签

课程名称：初识HTML(5)+CSS(3)-升级版

课程章节： HTML5效果标签、HTML5列表标签

主讲老师：五月的夏天

课程内容：

今天学习的内容包括： 特效标签的使用，其中有br标签， 标签，hr标签。列表标签的使用，其中有ul标签，li标签，ol标签。

课程收获：

br标签的作用增加换行，怎么可以让每一句诗词后面加入一个折行呢？那就可以用到<br />标签了，在需要加回车换行的地方加入<br />，<br />标签作用相当于word文档中的回车。在xhtml1.0中的写法：<br />，在html4.01中的写法：<br>。html 中是忽略回车和空格的，你输入的再多回车和空格也是显示不出来的，所以我们才使用br标签。

如果我们想要再加点空格呢 - 使用特殊字符 实现空格标签。

如果想要来一个水平分割线 - 使用<hr>标签实现水平线标签。html4.01版本 <hr>和xhtml1.0版本 <hr />。我们需要注意的是<hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。<hr />标签的在浏览器中的默认样式线条比较粗，颜色为灰色。我们需要注意的是，我们现在一般使用 xhtml1.0 的版本。

我们添加新闻信息列表 - 使用<ul>``<li>标签实现无序列表。这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。每项li前都自带一个圆点。

有序列表可以使用<ol><li>标签来实现有序列表。<ol>在网页中显示的默认样式一般为：每项<li>前都自带一个序号，序号默认从1开始。

今天学习了HTML5语义化标签和HTML5列表标签，共5个小结，花费了35分钟，学习了如果使用换行，空格，水平线标签使得页面更好看，也懂得使用有序列表和无序列表的标签进行排版，我们在网站写相关信息时，常常会用到列表标签。