html之列表

作者: 追逐_chase | 来源:发表于2018-02-11 15:33 被阅读0次

    列表

    无序列表

    • 无序列表:用来表示一个列表的语义,并且每一个项目和项目之间是不分先后的
    • 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>
    
    

    相关文章

      网友评论

        本文标题:html之列表

        本文链接:https://www.haomeiwen.com/subject/wabktftx.html