7.三种列表

一.列表

  列表是用来布局内容排列整齐的区域,分为无序列表,有序列表,定义列表,如下所示

1.无序列表,用来布置排列整齐的不需要顺序的区域,是<ul>标签,是一个双标签,用法是<ul>标签嵌套<li>标签,<ul>标签里只能包裹<li>标签,而<li>标签里面可以包裹任何内容,用法如下:

<ul>
        <li>列表条目1</li>
        <li>列表条目2</li>
        <li>列表条目3</li>
</ul>

这个就是无序列表,其实列表前面的那个小圆点可以去掉的哦,等后面讲到CSS就知道了.

2.有序列表,布置排列整齐的需要规定顺序的区域,<ol>标签,是一个双标签,用法跟上面一样,<ol>标签嵌套<li>标签,<ol>标签里只能包裹<li>标签,而<li>标签里面可以包裹任何内容,用法如下:

<ol>
        <li>步骤1</li>
        <li>步骤2</li>
        <li>步骤3</li>
</ol>

3.定义列表,有三个相关的标签,<dl>,<dt>,<dd>,用法是<dl>嵌套<dt>,<dd>标签,<dt>标签是定义列表的标题,<dd>就是列表描述/详情,<dl>标签里只能包裹<dt>,<dd>标签,而<dt>,<dd>标签里面可以包裹任何内容,用法如下:

<dl>
        <dt>服务中心</dt>
        <dd>申请售后</dd>
        <dd>售后政策</dd>
</dl>

如有错误,欢迎指出