首页 > 其他分享 >ol ul li的区别

ol ul li的区别

时间:2023-10-08 19:32:20浏览次数:39  
标签:ol 标签 列表 ul 内容 li

众所周知ol ul li都是列表,但具体有什么区别呢,今天就为大家讲解一下。

ol li为有序列表,各个列表项会按照一定顺序排列,如网页中常见的游戏排行榜,歌曲排行榜等。

注意:ol标签下不能直接放内容或其它标签,即使要放都必须放入li标签内,而li标签内可以再放ul ol等格式各样标签。

默认示例表现为(默认带有数字):

<ol> 
    <li>内容一</li> 
    <li>内容二</li> 
    <li>内容三</li> 
</ol> 

ol ul li的区别_罗马数字

而ul li属于无序列表,网页中最为常见的列表,各个列表项之间为并列关系,没有顺序级别之分,如导航栏,新闻话题展示区等。

 默认示例表现为(默认带有实心圆):

<ul> 
    <li>内容一</li> 
    <li>内容二</li> 
    <li>内容三</li> 
</ul>

ol ul li的区别_罗马数字_02

list-style-type的其它取值

                       none   无标记。

                       disc    实心圆(默认值)

                       circle  空心圆

                       square  实心方块

                       decimal 阿拉伯数字

                       decimal-leading-zero 0开头的阿拉伯数字(01,02……)

                       cjk-ideographic 汉字小写数码(一,二)

                       lower-roman  小写罗马数字

                       upper-roman  大写罗马数字

                       lower-alpha  小写英文字母

                       upper-alpha  大写英文字母

标签:ol,标签,列表,ul,内容,li
From: https://blog.51cto.com/u_16281588/7761561

相关文章

  • Arm Linux内存管理(一)
    ArmLinux内存管理(一)大文  2人赞同了该文章一、Armlinux的基本概念1.ArmLinux物理内存Arm平台内存大小的定义在DTS设备树中定义arch/arm/boot/dts/vexpress-v2p-ca9.dts中内核在启动过程中,需要解析dts文件。代码的调用关系为:start_kernel()->setu......
  • 数据库链接(database link)
    orcale表名后带@是什么意思?     例如:select*from表明@数据库名        @是调用数据库连接(databaselink)的意思 数据库链接作用:从a数据库到b数据库之间访问的一种手段。        1、跨库查询:select*from表明@数据库名[where......
  • 【玄铁杯第三届RISC-V应用创新大赛】LicheePi 4A+建材识别装置+CUG汪汪小分队+问题记
    【玄铁杯第三届RISC-V应用创新大赛】LicheePi4A+建材识别装置+CUG汪汪小分队+opencv问题记录一、开发板环境搭建1.1开发板外观图1开发板带铝合金外壳外部图图2开发板带铝合金外壳内部图在yolox模型部署好后,在虚拟环境中调用opencv的imshow等图形化操作会报下面错误:1.2......
  • 学习笔记421—Win7下使用U盘安装linux Ubuntu16.04双系统图文教程
    Win7下使用U盘安装linuxUbuntu16.04双系统图文教程安装步骤:1、下载Ubuntu16.04镜像软件;2、使用ultraISO软件制作U盘启动盘;3、利用U盘启动盘来安装Ubuntu系统;4、使用EasyBCD创建启动系统启动引导;5、重启系统即可。Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的开源G......
  • ccs没有c2000 hex utility
    网上买的开发板送的例程,在工程上右键Properties,可以看到在Build这一栏中没有C2000HexUtility这一项,如下图: 但是打开了一个别的工程中却有这一项,如下图: 我想要生成HEX文件,其中一种方法就是要在C2000HexUtility中选择,经过一番研究后终于找到了解决方......
  • QOS中的traffic-policy
    流程1、感应兴趣流,禁止vlan10访问vlan20aclnumber3000rule5denyipsource10.1.1.00.0.0.255destination20.1.1.00.0.0.2552、定义流分类trafficclassifierc1operatororif-matchacl30003、定义流行为trafficbehaviorb1permit4、绑定流分类、流行为traffi......
  • Linux入门知识教程
    网络连接概念IP地址时一种逻辑地址,用来标识网络中一个个主机IP地址=网络地址+主机地址IP地址是一个4*8bit(1字节)由0/1组成的数字串(IP协议)子网掩码NETMASK子网掩码只有一个功能,就是将IP地址划分为网络地址+主机地址子网掩码与IP地址进行与运算(都为1的......
  • golang 使用gomail.v2发送电子邮件
    1packageemail23import(4"errors"5"gopkg.in/gomail.v2"6)78vardialer*gomail.Dialer910funcReset(hoststring,portint,username,passwordstring){11dialer=gomail.NewDialer(host,port,usern......
  • click() 方法无法生效时 使用ActionChains
    背景知识1ActionChains库它的缩写来自于以下单词:Action(动作)和Chains(链)背景知识2ActionChains提供了更多灵活的鼠标和键盘操作选项,可以用于处理更复杂的场景,如果click()方法无法生效,可以尝试使用ActionChains来模拟点击事件。在使用Selenium时,存在一种情况是click()......
  • Linux file system All In One
    LinuxfilesystemAllInOne图解Linux文件系统filetype-fileddirectorybblocklsymbollink(softlink/hardlink)filepermissions3个字组,共三组;userpermission用户权限grouppermission组权限otherpermission其他权限每组符号表示的含义......