HTML 列表

HTML 列表标签

作用:表格是用来展示数据的,而列表是用来布局页面的。

列表的特点:

    整齐、整洁、有序、用列表布局会更加自由、方便

列表的分类:

    无序列表

    有序列表

    自定义列表

无序列表(使用次数多)

  <ul>标签表示HTML页面项目中的无序列表,使用<li>标签表示无序列表中的列表项

  语法:

<ul>
    <li></li>
    ...
</ul>

  注意:

    1. <ul>标签中只能放<li>标签,不能放文字和其他标签

    2. <li>标签中可以放任何标签

有序列表

  有序列表即为有排列顺序的列表,列表中的列表项有顺序的排列

  <ol>标签表示有序列表,<li>表示列表项

  语法:

<ol>
    <li></li>
    ...
</ol>

  注意:

    1. <ol>标签中只能放<li>标签,不能放文字和其他标签

    2. <li>标签中可以放任何标签

自定义列表

  在HTML标签中,<dl>标签用于定义描述列表(自定义列表),<dt>标签定义项目/名字,<dd>描述项目或名字

  使用场景:

  自定义列表常用于对术语或名词进行解析和描述,自定义列表的列表项前没有任何符号

  语法:

<dl>
    <dt></dt>
    <dd></dd>
    ...
</dl>

  注意:

    1. <dl></dl>只能包含<dt>和<dd>标签

    2. <dt>和<dd>可以有多个,一个<dt>包含多个<dd>

posted @ 2022-03-02 09:48  zhuang6  阅读(165)  评论(0)    收藏  举报