HTML之列表标签|学习笔记

列表标签

1.有序列表

有序列表始于<ol>标签。每个列表始于<li>标签

<ol>
    <li>苹果</li>
    <li>香蕉</li>
</ol>

type属性

<ol>的type拥有的选项

1. 1 表示列表项目用数字标号（1,2,3…）
2. a 表示列表项目用小写字母标号（a,b,c…）
3. A 表示列表项目用大写字母标号（A,B,C…）
4. i 表示列表项目用小写罗马数字标号（i,ii,iii…）
5. I 表示列表项目用大写罗马数字标号（I,II,III…）
   

有序列表嵌套

<ol>
    <li>水果</li>
    <li>
    蔬菜
        <ol>
            <li>西红柿</li>
            <li>菜花</li>
        </ol>
    </li>
    <li>肉类</li>
</ol>

2.无序列表

无序列表始于<ol>标签。每个列表始于<li>标签

<ol>
    <li>苹果</li>
    <li>香蕉</li>
</ol>

type属性

<ul>的属性type拥有的选项

• disc 默认实心圆
• circle 空心圆
• square 小方块
• none 不显示
  

无序列表嵌套

<ul>
    <li>水果</li>
    <li>
    蔬菜
        <ul>
            <li>西红柿</li>
            <li>菜花</li>
        </ul>
    </li>
    <li>肉类</li>
</ul>