第十一讲：无序列表

定义和用法

ul 标签定义无序列表。所有主流浏览器都支持 ul 标签。

li不能单独存在，必须包裹在ul里面。也就是说，ul的子标签不能有别的东西，只能有li。如：

【正确的写法】

…

…

【错误的写法】

…

…

…

无序列表作用

浏览器会默认的给无序列表小圆点的“先导符号”，所以ul的作用，并不是给文字增加小圆点的，而是增加无序列表的“语义”的。

【案例】

前端开发基础入门课程目录

html课程

css课程

JavaScript课程

【浏览器显示效果】

li元素介绍

li是一个容器级标签，里面可以放置任何东西；如：h4标签、p标签等。

【案例】

前端开发书籍

html入门教程

￥49.00

html入门教程简介

css快速掌握教程

￥59.00

css快速掌握教程简介

JavaScript从入门到精通教程

￥89.00

JavaScript从入门到精通教程简介

【浏览器显示效果】

无序多级列表案例

【案例】

前端开发书籍

html入门教程

h系列标签

p标签

a标签

页面内的锚点

页面外的锚点

css从入门到精通教程

css选择器

css清除浮动

JavaScript经典教程

for循环语句

if条件语句

【浏览器显示效果】

打赏规则

为了避免对于打赏模式产生误解，说明一下几点内容：

1.打赏纯粹自愿，金额不限；

2.打赏不能作为解答前端技术疑问的理由；

3.打赏不能作为催促更新文章的理由；

4.打赏不能帮你做毕业设计或论文；

5.打赏不能帮你做工作中的项目；

6.总之：打赏就是这不能那不能，只是单纯打赏而已。

声明

* 公众号（QD前端基地）内转载文章全部用于学习交流，如有涉及版权问题请与我联系，我会删除相关文章。给您带来不便敬请谅解，谢谢！

* 公众号（QD前端基地）内原创文章如内容不符合事实或涉及其他方面的问题，请及时通知本人进行修改或删除。版权作品未经授权严禁盗图转载，如有雷同纯属巧合。

* 转载公众号（QD前端基地）内的文章，请先与本文作者联系经过同意后方可转载，并注明相关出处和作者信息且留下原文链接地址，这是对文章作者的尊重，也是对知识的尊重。欢迎同行网站转载本站文章。

【投诉请联系微信】：xinxiha888

前端基地

「前端基地」最专业的Web前端开发在线学习公众号，提供Web前端开发教程，是分享Web前端开发技术和前端资源的在线学习交流公众号。

关注一下，也许你就成为牛逼的前端高手呢～

微信公众号：qdbase