任务目标

利用HTML列表标签制作新云课堂网站课程播放页面中的视频列表

任务要求

(1) 使用a、p、ol、li元素实现如图所示的课程列表。

(2) 使用h4元素生成课程标题。

效果如下图：

任务实施

(1) 使用h4元素生成标题。

(2) 使用ol与li生成有序列表。

(3) 列表中的li内使用a元素表示链接，链接目标使用#表示即可。

教学微课

教学课件

经验分享

在实际开发中，页面中的商品列表或页面导航栏等，无论是横向排列的还是纵向排列的，通常是使用无序列表通过浮动等方式进行布局实现的，我们会在后面的单元中详细学习。

能量贴士

“默而识之，学而不厌，诲人不倦，何有于我哉？”是说:将知识默记在心，勤奋学习没有满足的时候，教导别人也不感到疲倦，这些对我来说又有什么难的呢？。语出《论语·述而篇》。