H5/Web前端开发教程

2-8. 有序列表

2017-11-09  本文已影响1人  一Left一

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

2、格式

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

3、type属性

<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

上一篇 下一篇

猜你喜欢

热点阅读