温馨提示：细读本文需要1分钟。
作者：李娜配图：李娜
*本文为「Java联盟」原创内容，转载无需授权，请保留署名来源
“不知道上一章留下的问题，小伙伴们做的怎么样啦，有不了解的地方可以在留言区讨论啊！”
下面开始我们的正题，HTML基础-列表。（主要用于导航栏）
列表分为无序列表、有序列表以及定义列表。下面开始一个个介绍吧！
无序列表。
无序列表开始于ul标签，每个列表项开始于li，同时他还拥有一个type属性：
属性如下
disc
实心圆
circle
空心圆
square
方块符号
代码效果示例
网页生成效果
除了这种样式还可以进行列表嵌套。
代码效果如下
网页生成效果
当然属性也是可以设置的，之前文章也有讲属性是如何设置的。
这里就不给小伙伴们一一演示了。
有序列表：
有序列表开始于ol标签，每个列表项开始于li。
同时有序列表也有type属性。
属性如下1数字序列号A大写字母序列号a小写字母序列号lIIIIII序列号iiiiiii序列号代码效果如下
网页生成效果
当然有序列表也是可以嵌套的，原理同无序列表一样，这边就不一一给大家做演示了。
定义列表
自定义列表以dl标签开始。
每个自定义列表项以dt开始。
每个自定义列表项的定义以dd开始。
代码效果如下
网页生成效果
说了那么多，看起来就像一个标题而已，列表到底有什么作用呢？
其实我们浏览网页时的导航栏就是用列表做的。
像百度新闻的页面
天猫商城页面
还有这样的
这些导航栏都是利用列表做出来的。
当然想要做出这么炫酷的导航栏可不是一下就可以得呦！
还需要一步步的努力待我们学习完css样式之后，我们就可以尝试做自己的主页了！我的主页我做主，想怎么搞就怎么搞！
本篇话题如果你学会了制作网页了，你会做一个什么样的网页？
欢迎在下方留言评论！
相关推荐：
历史精选文章专栏，新白癜风应该吃什么药济南治疗白癜风医院