美文网首页
HTML列表标签

HTML列表标签

作者: 你大爷葛二蛋 | 来源:发表于2019-05-22 09:13 被阅读0次

    什么是列表?
    把..制成表,以表显示
    容器里面装载着文字或图表的一种形式,叫做列表。
    列表最大的特点就是整齐、整洁、有序。

    无序列表ul(重点)
    无序列表的各个列表之间没有顺序级别之分,是并列的。
    基本语法:
    <ul>
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
    <li>列表4</li>
    ........
    </ul>
    注意:
    1.<ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其它标签或文字是不被允许的。
    2.<li></li>之间相当于一个容器,可以容纳所有元素。
    3.无序列表会带有自己的样式属性,样式由css决定。

    有序列表ol(了解)
    有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列定义。
    基本语法:
    <ol>
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
    <li>列表4</li>
    ........
    </ol>
    注意:
    1.<ol></ol>中只能嵌套<li></li>,直接在<ol></ol>标签中输入其它标签或文字是不被允许的。
    2.<li></li>之间相当于一个容器,可以容纳所有元素。
    3.无序列表会带有自己的样式属性,样式由css决定。
    在实际工作中较少用ol用ul比较多。

    自定义列表(理解)
    自定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。
    基本语法:
    <dl>
    <dt>定义标题</dt>
    <dd>定义描述 解释</dd>
    ......
    </dl>
    <dl>
    <dt>名词</dt>
    <dd>名词解释1</dd>
    <dd>名词解释2</dd>
    ......
    </dl>


    MNNZ$P261_QHH7RZPCAJ0QD.png

    以上

    相关文章

      网友评论

          本文标题:HTML列表标签

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