美文网首页
HTML里面的有序/无序列表 ol,ul

HTML里面的有序/无序列表 ol,ul

作者: 我是泡面不会断线 | 来源:发表于2019-07-25 18:20 被阅读0次

在用ol,ul之前,记得要先做css.reset(样式重置),因为他们都有一个默认的margin,padding值。下面是自己平时总结的,作为一个笔记参考:

ol:有序列表(英文:Order List):

ol有三个属性:type:表示是按照那种来排列有,阿拉伯数字1,2....(默认情况),还有罗马数字(I ,II ,III....),还有按照26个字母来排列a-z,或者A-Z。

这里值得一说的是:如果type按照26个字母来排列,那么如果数量超过26个,它依然从a-z或者A-Z,比如是这样的aa,ab,ac...或者AA,AB,AC...。

start属性:表示从哪个开始排列,这个是type为数字的时候才起作用。

reverserd:表示是否倒序排列。

结构:

<ol type="1"  start="5"  reverserd="reverserd">

    <li>1111</li>

</ol>

注意:ol的序列如果是数字可以是负数,列如:

结果为

ul:无序列表(英文:Unorder List):也是用来做列表的,这个一般多的比较多。同样他也有属性:

type:disc 实心圆(默认),circle空心圆,square 实现方块。

<ul type="circle" >

    <li>1111</li>

</ul>

这里提供W3c列表的链接:http://www.w3school.com.cn/html/html_lists.asp,有助于对比学习。

相关文章

  • Web学习备忘

    html ul:unordered list “无序列表”的意思。 OL:Ordered List 有序列表 标准...

  • HTML实现有序列表和无序列表

    先看看效果图 ul和ol 在HTML众多标签里,ul是无序列表标签,ol是有序列表标签,它们可以相互嵌套使用,而效...

  • ul标签 VS ol标签

    ul ul 标签定义无序列表。无序 HTML 列表: 则在网页中显示: Coffee Tea Milk ol ol...

  • 零基础学Web前端开发(4)

    html列表概述 列表分为三类:1、有序列表(ol),2、无序列表(ul),3、定义列表(dl) 有序列表的列表项...

  • HTML笔记11:HTML标签

    ol:order list有序列表 ul:unordered list 无序列表

  • 列表/表格/表单

    HTML提供了3组常用的用来展示列表的元素有序列表:ol、li无序列表:ul、li定义列表:dl、dt、dd 有序...

  • 认识body标签二

    1.使用ul添加无序列表 语法: ol(ordered list)有序列表ul (unordered list) ...

  • HTML里面的有序/无序列表 ol,ul

    在用ol,ul之前,记得要先做css.reset(样式重置),因为他们都有一个默认的margin,padding值...

  • HTML第二小节

    一、列表标签 1、无序列表:ul--li 2、有序列表:ol--li 备注:ul和ol中间不能嵌套标签,li中间可...

  • 定义列表

    1、ul,li;ol,li;dl,dt,dd的区别 首先ul为无序列表,显示出来就是圆点;ol为有序列表,是有序号...

网友评论

      本文标题:HTML里面的有序/无序列表 ol,ul

      本文链接:https://www.haomeiwen.com/subject/tnckrctx.html