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

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

# 具体遇到的问题

http://img1.sycdn.imooc.com//climg/5fc6ee0909db4fa513170436.jpg

http://img1.sycdn.imooc.com//climg/5fc6ee0909d2db4000000000.jpg

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

​# 报错信息的截图

# 相关课程内容截图

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

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

<!-- 网页的banner -->

    <div class="banner">

        <!-- 轮播图 -->

        <ol>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

        </ol>

    </div>



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

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,解答如下:

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

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

http://img1.sycdn.imooc.com//climg/5fc742d309c8e9c006310109.jpg



祝学习愉快~

好帮手慕言 2020-12-02 14:06:05

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

所以结构如下:

http://img1.sycdn.imooc.com//climg/5fc72eb50973b64c04750279.jpg

祝学习愉快~

  • 提问者 Jasmine江江 #1

    您可能明白我问的问题,我的意思是实际上网站这个小圆点代表的是一张图片,banner区域又四张图轮播,那这四张图为什么不能直接放在ol的li里面使用img呢?

    2020-12-02 14:08:28
  • 提问者 Jasmine江江 #2

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

    2020-12-02 14:09:23
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师