章节
问答
课签
笔记
评论
占位
占位

添加图书销售排行榜- 使用<ol><li>标签实现有序列表

如果想在网页中展示有前后顺序的信息列表，怎么办呢？如，当当网上的书籍热卖排行榜，如下图所示。这类信息展示就可以使用<ol>标签来制作有序列表来展示。

语法：

<ol>
   <li>信息</li>
   <li>信息</li>
   ......
</ol>

举例：

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

<ol>
   <li>前端开发面试心法 </li>
   <li>零基础学习html</li>
   <li>JavaScript全攻略</li>
</ol>

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

任务

任务：我来试试，亲自感受一下有序标签的使用

在右部编辑器中的第10行输入

<ol>
   <li>我的第一个列表信息。</li>
   <li>我的第一个列表信息。</li>
</ol>
?不会了怎么办

别忘了<ol>标签的语法

  <ol>
      <li>信息</li>
      <li>信息</li>
       ......
  </ol>
||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后，能更快找到我哦～

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后，及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

文字和点位置

最新回答 / 前端菜鸟HH
ul li:first-child（第一个）ul li:last-child（最后一个）ul li:nth-child(n) （想改变哪个就把n改成几，n从0开始计数）有序的通用，希望能帮到你！
1 回答 1226 浏览
2020-05-08

为什么注释代码，放在<style>后边以后无效呢？

最赞回答 / 慕仙3324155
<...code...><!--...-->:是HTML的注释语法。在CSS中（即<style>...</style>中）的注释是：/* ... */
2 回答 1050 浏览
2022-06-23
全部 我要发布
最热 最新
只看我的

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

更多

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

账号登录 验证码登录

遇到问题
忘记密码

登录即同意慕课网《隐私政策》
代码语言