当前位置: 首页 > news >正文

列表标签之有序标签(本文为个人学习笔记,内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。 > 所有知识点归属原作者,仅作非商业用途分享)

列表标签之有序标签

有序列表是一列项目,列表项目使用数字进行标记。
有序列表始于<ol>标签
每个列表项始于<li>标签

 具体的操作过程<ol><li>这是第一个列表项</li><li>这是第二个列表项</li><li>这是第三个列表项</li></ol>

标签演示

  1. 这是第一个列表项

  2. 这是第二个列表项

  3. 这是第三个列表项

在这里插入图片描述

type属性编辑

<ol>的属性type拥有的选项
意思就是:替换,前缀的样式。

  • 1 表示列表项目用数字标号(1,2,3…)
  • a 表示列表项目用小写字母(a,b,c…)
  • A 表示列表项目用大写字母(A,B,C…)
  • i 表示列表项目用小写罗马数字标号(i,ii,iii…)
  • i 表示列表项目用大写罗马数字标号(I,II,III…)
具体的操作步骤:<ol type="1"><ol type="a"><ol type="A"><ol TYPE="i"><ol type="I">

嵌套有序标签

有序标签是可以嵌套的
但是不建议多次嵌套,会导致,界面混乱,且难以维护
具体操作步骤:


  1. 嵌套主题1



    1. 第一次嵌套

    2. 嵌套主题2


      1. 第二次嵌套





嵌套演示——并使用type属性

                    食物水果草莓西瓜哈密瓜蔬菜西红柿白菜黄瓜肉类鸡肉牛肉鸭肉                                                                 

在这里插入图片描述

注意:

嵌套尽量不要多次嵌套,不仅内容混乱,而且难以维护
可以通过,type更改前缀

http://www.dtcms.com/a/481709.html

相关文章:

  • AI时代BaaS | 开源的后端即服务(BaaS)平台Supaba
  • 达梦存储结构篇
  • 桂林网站制作网站佛山公共交易资源平台
  • 域名验证网站如何找推广平台
  • 日语学习-日语知识点小记-构建基础-JLPT-N3阶段-二阶段(1):文法運用
  • C++面向对象进阶:从构造函数到static成员
  • python3GUI--模仿百度网盘的本地文件管理器 By:PyQt5(详细分享)
  • Go 1.21 新特性:context.AfterFunc 的实用指南
  • Acer软件下载
  • 分组密码:加密模式、可鉴别加密模式、加密认证模式
  • RocketMQ高并发编程技巧(二)
  • 算法沉淀第二天(Catching the Krug)
  • redis-4.0.11-1.ky10.sw_64.rpm安装教程(申威麒麟V10 64位系统详细步骤)
  • 为企业为什么做网站企业网站建设注意什么
  • 从监听风险到绝对隐私:Zoom偷听门后,Briefing+CPolar重新定义远程会议安全标准
  • 网站源代码下载工具网站备案网站前置审批
  • 基于GENESIS64核心可视化组件GraphWorX64的工业图形设计解决方案
  • QML学习笔记(三十七)QML的Slider
  • 3:Django-migrate
  • 【Linux】网络基础概念
  • Go语言技术与应用(三):服务注册发现机制详解
  • 网线学习笔记
  • 【OpenHarmony】存储管理服务模块架构
  • 网站做报表网站维护是谁做的
  • 阿里云k8s部署微服务yaml和Dockerfile文件脚本
  • [Backstage] 后端插件 | 包架构 | 独立微服务 | by HTTP路由
  • java微服务-尚医通-编写接口
  • Go|sync.Pool|临时对象池,实现临时对象的复用,降低GC压力
  • go语言了解
  • 网站页面高度福建住房城乡建设部网站