HTML5列表

目录：

列表定义

无序列表

无序列表特性

有序列表

有序列表特性

定义列表

定义列表特性

三种类型列表的区别

1.列表的定义：列表是一种特别的对象集合

（1）集合定义：集中在一起，再合二为一

（2）聚集定义：多个列（信息资源）排在一起

（3）信息资源定义：一堆的数据，可能是字符，可能是图片

（4）HTML5如何实现列表：三种方式：1.无序列表 2.有序列表 3.（自）定义列表

2.无序列表

定义：没有顺序

代码结构：

<ul>

       <li>詹姆斯<li>

       <li>科比<li>

       <li>杜兰特<li> 

</ul>

3.无序列表特性

（1）.没有顺序，每个<li>标签独占一行（块元素）

（2）.默认<li>标签项前面有个实心小圆点

（3）.应用场景：常应用在导航功能中

4.有序列表

定义：有顺序

代码结构：

<ol>

       <li>苹果</li>

       <li>香蕉</li>

       <li>菠萝</li>

<./ol>

5.有序列表特性

（1）有顺序，每个<li>标签独占一行（块元素）
（2）默认<li>标签前面有顺序标记
（3）  应用场景：一般用于排序类型的列表，如试卷，问卷选项中

6.定义列表
（1）..定义：定义某种关系（包含和被包含的关系）
（2）.代码结构：

<dl>

       <dt>水果</dt>

       <dd>苹果</dd>

       <dd>香蕉</dd>

</dl>

7.定义列表的特性

（1）.没有顺序，每个<dt>标签，<dd>标签独占一行（块标签）
（2）.默认没有标记
（3）.如果存在包含和被包含的关系就可以使用定义列表

 

 

三种类型列表的区别