1、无序列表
(无序列表是一个没有特定顺序的列表项的集合,也称为项目列表。在无序列表中,各个列表之间属于并列关系,没有先后顺序之分,它们之间以一个项目符号来标记。)
①代码段:
<ul>
<li>春</li>
<li>夏</li>
<li>秋</li>
<li>冬</li>
</ul>
②示例图:
2、有序列表
(有序列表中的各个列表项是有顺序的,有序列表从<ol>开始,到</ol>结束。有序列表的列表项是有先后顺序的,一般采用数字或字母作为顺序,默认是采用数字顺序。)
①、代码段:
<ol>
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>梨子</li>
</ol>
②示例图:
3、定义列表
(定义列表 dl 由两部分组成,分别是用于定义标题的 dt 标签和用于定义详情的 dd 标签 。需要说明的是,一个 dl 可以有多个 dt。一个 dt 可以有多个 dd,但一个 dd 不会出现跟着多个 dt。)
①、代码段:
<dl>
<dt>计算机</dt>
<dd>用于大型计算机器</dd>
<dd>可以上网冲浪</dd>
<dd>工作效率非常高</dd>
</dl>
②、示例图:
4、综合使用
①、代码段
<h2>饮品</h2>
<ul>
<li>
咖啡
<ol>
<li>拿铁</li>
<li>摩卡</li>
</ol>
</li>
<li>
茶
<ul>
<li>碧螺春</li>
<li>龙井</li>
</ul>
</li>
</ul>
②、示例图:
名言:
积极的人在每一次忧患中都看到一个机会,而消极的人则在每个机会都看到某种忧患。