列表实现

List 作业

list作业.png

作业分析

1. 在图中可以看出，列表由两种类型实现 — 有序(ol)和无序(ul)
2. 在最外层的两个无序列表下的层数相同，所以可以先实现其中一个列表，然后复制下它实现它的代码然后将数据修改为自己的数据。

补充：
无序列表的样式：
disc — 默认样式
circle — 空心圆圈
square — 方形
none — 无样式

实现代码

代码地址：https://github.com/RuyuYou/html/blob/master/list.html