无序列表

无序列表是一个项目的列表，此列项目使用项目符号进行标记。

• 无序列表始于<ul> 标签。每个列表项始于<li>。
• 项目符号："disc"黑色圆点（默认），"circle"白色圆点，"square"黑色方块。
• 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

<ul type = "disc">
  <li>JavaScript</li>
  <li>Java</li>
</ul>

无序列表

有序列表

有序列表也是一个项目的列表，列表项目使用数字进行标记。

• 有序列表始于<ol> 标签。每个列表项始于<li>。
• 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

<ol>
  <li>第一章</li>
  <li>第二章</li>
</ol>

有序列表

自定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。

• 自定义列表以<dl>标签开始。每个自定义列表项以<dt>开始。每个自定义列表项的定义以<dd>开始。
• 定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

<dl>
   <dt>计算机</dt>
   <dd>用来计算的仪器 ... ...</dd>
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

自定义列表

代码实现

Github

效果展示

Reference

W3School上的HTML基础教程：http://www.w3school.com.cn/html/index.asp