【学习打卡】第10天 <ul><li>标签、<ol><li>标签

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

课程章节：添加新闻信息列表 - 使用<ul><li>标签实现无序列表和添加图书销售排行榜- 使用<ol><li>标签实现有序列表

主讲老师：五月的夏天

课程内容：

了解<ul><li>标签实现无序列表和<ol><li>标签标签实现有序列表

课程收获：

ul-li是没有前后顺序的信息列表。

语法：

<ul>

  <li>信息</li>

  <li>信息</li>

   ......

</ul>

例子如下：

<ul>

  <li>精彩少年</li>

  <li>美丽突然出现</li>

  <li>触动心灵的旋律</li>

</ul>

ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点，如下图所示：

语法：

<ol>

   <li>信息</li>

   <li>信息</li>

   ......

</ol>

例子如下：

下面是一个热点课程下载排行榜：

<ol>

   <li>前端开发面试心法 </li>

   <li>零基础学习html</li>

   <li>JavaScript全攻略</li>

</ol>

<ol>在网页中显示的默认样式一般为：每项<li>前都自带一个序号，序号默认从1开始，如下图所示：