html自学笔记五——列表

前言：这一节学习列表内容，列表分为无序列表和有序列表

---

一、什么是列表

无序列表：

有序列表：

二、无序列表的基本格式

    <ul type="disc">
        <li>列表项1</li>
        <li>列表项1</li>
        <li>列表项1</li>
        <li>列表项1</li>
        <li>列表项1</li>
        <li>列表项1</li>
    </ul>
    <ul type="circle">
        <li>列表项1</li>
        <li>列表项1</li>
        <li>列表项1</li>
        <li>列表项1</li>
        <li>列表项1</li>
        <li>列表项1</li>
    </ul>
    <ul type="square">
        <li>列表项1</li>
        <li>列表项1</li>
        <li>列表项1</li>
        <li>列表项1</li>
        <li>列表项1</li>
        <li>列表项1</li>
    </ul>

说明：
1.ul代表无序，li表示列表项
2.type属性用于设定无序列表前面的图标，是实心圆圈还是空心或者是方块

三、有序列表的基本格式

    <ol type="A">
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
    </ol>   
    <ol type="I">
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
    </ol>
    <ol type="1">
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
    </ol>
    <ol type="a">
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
    </ol>

说明：
1.ol代表无序，li表示列表项
2.type属性用于设定以什么方式进行计数。A就是用ABCD…来计数，a就是。。。。。，1就是用阿拉伯数字，I就是用罗马数字

---

---

补充：如果不想从头开始计数，可以用start属性：

    <ol start="52">
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
    </ol>

这个就是从52开始计数

---

补充二：如果想自己用数字去定义排序，可以在列表项中用value属性

   <ol>
        <li value="2">列表项2</li>//从这里以后为依次增加直到遇到另外一个value
        <li>列表项2</li>
        <li>列表项2</li>
        <li value="6">列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
        <li>列表项2</li>
    </ol>

效果是：