手记

【学习打卡】第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开始,如下图所示:


0人推荐
随时随地看视频
慕课网APP