html 列表

103 阅读1分钟

列表

#列表的分类

  1. 有序列表
  2. 无序列表
  3. 自定义列表

有序列表

用途:有顺序或侧重顺序的列表。

    <ol>
        <li>第一</li>
        <li>第二</li>
        <li>第三</li>
    </ol>

<ol>标签作为有序列表最外层,内部用<li>依次写入。页面会按顺序显示,并且在最前面加上序号

无序列表

用途:无顺序或不侧重顺序的列表。

    <ul>
        <li>成都</li>
        <li>上海</li>
        <li>西安</li>
        <li>武汉</li>
    </ul>

<ul>标签作为有序列表最外层,内部用<li>依次写入。页面会按顺序显示,没有加上序号。

另外列表之间可以嵌套使用。

    <ul>
        <li>成都</li>
        <li>
            <span>上海</span>
            <ul>
                <li>外滩</li>
                <li>东方明珠</li>
                <li>迪士尼乐园</li>
                <li>杜莎夫人蜡像馆</li>
            </ul>
        </li>
        <li>西安</li>
        <li>武汉</li>
    </ul>

列表之间可以插入各种标签如<a>等,效果与在列表外无变化。