小慕医生banner区域为什么不能直接用ol?

来源:3-7 小慕医生项目开发

Jasmine江江

2020-12-02 13:39:22

# 具体遇到的问题

http://img.mukewang.com/climg/5fc6ee0909db4fa513170436.jpg

http://img.mukewang.com/climg/5fc6ee0909d2db4000000000.jpg

banner区域,这应该是个有顺序播放的轮播图吧,直接用有序列表表达不可以吗?如下代码。老师课件代码是先写了<img>标签,再插入有序列表,这样表达是为什么呢?

​# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

<!-- 网页的banner -->

    <div class="banner">

        <!-- 轮播图 -->

        <ol>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

        </ol>

    </div>



在这里输入代码,可通过选择【代码语言】突出显示

写回答

2回答

好帮手慕言

2020-12-02

同学你好,解答如下:

1、如果页面上引入四张图片,可以在li中引入img的。另外:代码具有灵活性,一种效果的实现可能存在多种方法呦。

2、一般有几个小圆点就会有几张图片,在本案例中,不会实现图片轮播的效果,所以老师只引入了一张图片。同学不要担心,在后面的课程中,老师会实现图片轮播的效果:

http://img.mukewang.com/climg/5fc742d309c8e9c006310109.jpg



祝学习愉快~

0

好帮手慕言

2020-12-02

同学你好,banner区域的图片需要使用img标签引入,小圆点使用的是ol li标签实现。

所以结构如下:

http://img.mukewang.com/climg/5fc72eb50973b64c04750279.jpg

祝学习愉快~

0
hasmine江江
hp>还有就是现在这样写是代表banner只有一张图吗?那小圆点又有什么用呢

h020-12-02
共2条回复

0 学习 · 15276 问题

查看课程