html有序列表教案,HTML列表

HTML 支持有序、无序和定义列表

## 实例

### 无序列表

本例演示无序列表。

~~~

一个无序列表：

• 咖啡
• 茶
• 牛奶

~~~

### 有序列表

本例演示有序列表。

~~~

1. 咖啡
2. 牛奶
3. 茶

50. 咖啡
51. 牛奶
52. 茶

~~~

## 无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表始于 `

• ` 标签。每个列表项始于 `
• `。

  ~~~

  • Coffee
  • Milk

  ~~~

  列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

  ## 有序列表

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

  有序列表始于 `

  1. ` 标签。每个列表项始于 `
  2. ` 标签。

     ~~~

     1. Coffee
     2. Milk

     ~~~

     列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

     ## 定义列表

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

     自定义列表以 `

     ` 开始。每个自定义列表项的定义以 `

     ` 开始。

     ~~~

     Coffee

     Black hot drink

     Milk

     White cold drink

     ~~~

     定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

     ## 更多实例

     [不同类型的无序列表](http://www.w3school.com.cn/tiy/t.asp?f=html_lists_unordered)

     本例演示一个无序列表。

     [不同类型的有序列表](http://www.w3school.com.cn/tiy/t.asp?f=html_lists_ordered)

     本例演示不同类型的有序列表。

     [嵌套列表](http://www.w3school.com.cn/tiy/t.asp?f=html_lists_nested)

     本例演示如何嵌套列表。

     [嵌套列表 2](http://www.w3school.com.cn/tiy/t.asp?f=html_lists_nested2)

     本例演示更复杂的嵌套列表。

     [定义列表](http://www.w3school.com.cn/tiy/t.asp?f=html_list_definition)

     本例演示一个定义列表。