《HTML & CSS设计与构建网站》第三章 学习小结
我们在很多场合都需要使用列表。HTML提供了三种不同的列表：
（一）有序列表是指为其中的每个项目编号的列表。例如，有序列表可能是菜谱的一系列步骤，而这些步骤必须按顺序完成，也可能是一则法律合同，合同中的每项条文都需要指定一个序号。
使用<ol>元素来创建有序列表。列表中的每个项目都被置于起始标签<li>和结束标签</li>之间（li代表列表项目）
（二）无序列表是指以点状项目符号（不同于表明顺序的字符）作为开头的列表。
使用<ul>元素来创建无序列表。列表中的每个项目都被置于起始标签<li>和结束标签</li>之间（li代表列表项目）
（三）定义列表是由一系列术语及其定义组成的列表。
定义列表由<dl>元素创建，并且通常包含一系列术语及其定义。
在<dl>元素内部，经常能看到成对的<dt><dd>元素，<dt>元素用来包含被定义的术语，<dd>元素用来包含定义。
（另）还有一种嵌套列表。可在<li>元素中放入另一个列表来创建子列表，或者叫嵌套列表。
Let's do it！！
代码如下：
<html>
<head>
<title>lists</title>
</head>
<body>
<h1>Scrambled Eggs</h1>
<p>Egg are one of my favourite foods.
Here is a recipe for deliciously richscrambled eggs.</p>
<h2>Ingredients</h2>
<ul>
<li>2 eggs</li>
<li>labs butter</li>
<li>2tbs cream</li>
</ul>
<h2>Method</h2>
<ol>
<li>Melt butter</li>
<li>Gently mix the eggs</li>
<li>once butter has melted Edd</li>
<li>Using a spatula</li>
<li>remove from the heat</li>
</ol>
</body>
</html>
运行如下：
小结：
1.HTML有三种列表：有序列表，无序列表和定义列表。
2.有序列表使用数字编号。
3.无序列表使用项目符号。
4.定义列表用来定义专业术语。
5.列表可以嵌套在其他列表中。