2-8. 有序列表

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>
图片.png

http://www.w3school.com.cn/tags/tag_ol.asp
http://www.w3school.com.cn/html/html_lists.asp

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容