无序列表

基础

无序列表使用<ul></ul>标签，每个列表项都是<li></li>标签

无序列表是一个父子组合标签，上阵父子兵，不能单独出现。

<li>标签不能单独使用，它必须放到<ul>或者<ol>中使用

<ul>
    <li>苹果</li>
    <li>香蕉</li>
    <li>梨</li>
</ul>

HTML规定，＜ul>的子标签只能是<li＞，绝对不能出现其它任何标签

<!-- 错误演示 -->
<ul>
    <p>要脱脂或低脂的</p>
    <li>面包</1i>
    <li>牛奶</li>
    <1i>鸡蛋</1i>
    <1i>水果</1i>
</ul>

＜li>标签是容器，内部可以放任何其他标签

<ul>
    <li>面包</1i>
    <li>
        牛奶
        <p>要脱脂或低脂的</p>
    </li>
    <1i>鸡蛋</1i>
    <1i>水果</1i>
</ul>

列表嵌套

 <ul>
    <li>
        <h3>水果</h3>
        <ul>
            <li>苹果</li>
            <li>香蕉</li>
            <li>梨</li>
        </ul>
    </li>
    <li>
        <h3>海鲜</h3>
        <ul>
            <li>鱼</li>
            <li>虾</li>
            <li>贝</li>
        </ul>
    </li>
</ul>

type 属性

值	描述
disc	默认，实心圆
circle	空心圆
square	实心方块