有序列表（ordered list） <ol>

作用：给一堆数据添加列表语义，数据无先后之分
格式：
<ol>
<li></li>
</ol>
例如：

<ol>
<li>手心里的温柔</li>
<li>勇气</li>
<li>江南</li>
<li>盗将行</li>

</ol>

定义列表（definition title）

作用：用于给一堆数据添加列表语义，通过<dt>标签定义列表中的每个标题，然后通过<dl>标签给每个标题添加描述信息
<dt>definition title用来定义列表
<dl>definition list 定义描述信息
定义列表的应用场景：
1.做网站尾部的相关信息
2.做图文混排

image.png

-定义列表<dl>的注意点：
1.di和dt，dd是一个整体，要么一起出现，要么一起不出现
2.dl中只能放dt和dd
3.推荐是使用一个dt对应一个dd
4.和li标签一样，当需要丰富界面时，可在dt、dd中继续添加其它标签

<dl>
<dt>
<img src="images/NJ.jpg" width="150px" height="200px">
</dt>
<dd>
<h2>李南江（NJ）</h2>
<p>多年iOS、Android、HTML开发及教学经验, 对NativeApp、HybridApp、WebApp开发有独到见解和深入的研究, 除此之外李老师还精通JavaScript、AngularJS、 NodeJS 、Ajax、jQuery、Cordova、React Native等多种Web前端技术及Java、PHP等服务端技术</p>
</dd>
</dl>