html之列表

列表

无序列表

• 无序列表：用来表示一个列表的语义，并且每一个项目和项目之间是不分先后的
• ul: unordered list 无序列表
• li: list item 列表项
• 无序列表是一组标签
• li 标签是容器级标签，可以嵌套任何标签

  <h3> 中国的城市</h3>
    <!-- 无序列表 -->
    <ul>
        <li>北京</li>
        <li>上海</li>
        <li>深圳</li>
        <li>广州</li>
        <li>郑州</li>
    </ul>


ul的作用，并不是给文字增加小圆点的，而是增加无序列表的“语义”的

无序列表.jpeg

有序列表

• 有序列表

 <ol>
        <li>我爱你中国</li>
        <li>月亮</li>
        <li>中国风</li>
        <li>歌曲</li>
        <li>问月</li>
    </ol>

无序列表.jpg

自定义列表

• 定义列表也是一组标签
• dl 表示definition list 定义列表
• dt表示definition title 定义标题
• dd表示definition description 定义表述词儿,就是对标题的描述

<dl>
        <dt>北京</dt>
        <dd>国家首都，政治文化中心</dd>
        <dt>上海</dt>
        <dd>经济发展中心</dd>
        <dt>深圳</dt>
        <dd>经济特区</dd>
        <dt>郑州</dt>
        <dd>中原经济</dd>
    </dl>