#列表标签

-1.什么是列表标签？

    给一堆数据添加列表语义，即告诉浏览器这一堆数据是一个整体。

-2.HTML中列表标签的分类：

    2.1无序列表（最多）（unordered list）

    2.2有序列表（最少）（ordered list）

    2.3定义列表（其次）（definition list）

3无序列表作用：

    给一堆数据添加列表语义，并且这一对数据中无先后之分。

    格式：

      <ul>

                <li></li>

      </ul>

<li>标签是英文list item的缩写

注意点：

1.<ul>标签和<li>标签是一个整体组合，要么一起出现要么一起不出现

2.由于<ul><li>标签是一个组合，不推荐在<ul>标签中添加其它标签，但是可以在<li>标签中添加一些别的标签丰富这个列表标签。

例如：

<h1>四大名著</h1>

<ul>

    <li>

        <h2>《三国演义》</h2>

        <p>《三国演义》反映了魏、蜀汉、吴三个政治集团之间的政治和军事斗争成功塑造了一批叱咤风云的英雄人物。</p>

    </li>

    <li>

        <h2>《水浒传》</h2>

        <p>《水浒传》是中国历史上第一部用古白话文写成的歌颂农民起义的长篇章回体版块结构小说。</p>

    </li>

    <li>

        <h2>《西游记》</h2>

        <p>《西游记》是中国古典小说中伟大的浪漫主义文学作品。</p>

    </li>

    <li>

        <h2>《红楼梦》</h2>

        <p>《红楼梦》讲述的是发生在一个虚构朝代的封建大家庭中的人事物。</p>

    </li>

</ul>

4无序列表的应用场景

  1.新闻列表2

  2.商品列表

  3.导航条

5.快速创建列表的写法：

    ul>li*2>ul>li*3

例如：

<ul>

    <li>

        <h2>蔬菜</h2>

        <ul>

            <li>白菜</li>

            <li>萝卜</li>

            <li>黄瓜</li>

        </ul>

    </li>

    <li>

        <h1>水果</h1>

        <ul>

            <li>苹果</li>

            <li>桃子</li>

            <li>香蕉</li>

        </ul>

    </li>

</ul>

<ul>

    <li>水果</li>

    <li>蔬菜</li>

</ul>