2-8. 有序列表

作者: 一Left一 | 来源:发表于2017-11-09 18:01 被阅读1次

2-8. 有序列表
第一篇简书
学习小组Day1笔记-Herobrine
web列表与文本格式化方法
HTML列表
Markdown示例
MarkDown语法
操作题
Markdown写作学习
html列表

1、给数据添加列表语义,并且数据会自动的添加先后顺序

2、格式

<ol>
    <li></li>
</ol>

3、type属性

1：数字1 2 3 4...
A：字母A B C...
a：字a b c...
I：字母I II III...
i：字母i ii iii...

<body>
<ol>
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
</ol>
<hr>
<ol type="a">
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
</ol>
<hr>
<ol type="A">
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
</ol>
<hr>
<ol type="i">
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
</ol>
<hr>
<ol type="I">
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
    <li>我是一个有序列表的li</li>
</ol>
<hr>
<ul type="none">
    <li>aa 我是一</li>
    <li>bb 我是一</li>
    <li>cc 我是一</li>
</ul>
</body>

图片.png

<ol>
    <li><a href="#">中国最好学科排名</a></li>
    <li>周易算出逃课学生</li>
    <li>许家印登顶首富 4</li>
    <li>美退出教科文组织</li>
    <li>那英退出新歌声 1</li>
    <li>请假陪病狗被扣薪</li>
    <li>厦门盘旋飞机落地</li>
    <li>孙怡产后出院  1</li>
    <li>20号台风将生成</li>
    <li>校友晒林妙可合影</li>
</ol>
</body>