如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
HTML基础教程：[4]列表标签
来源：互联网
2023-03-16 19:19:26 版权归原作者所有，如有侵权，请联系我们
我们在很多场合都需要使用列表，HTML提供了三种不同的列表，在本节里我们就一起来学习他吧！
工具/原料
- 笔记本/
方法/步骤
1.有序列表标签：
ol>
li>/li>
/lo>
我们在body>里录入下面代码：
ol>
li>百度经验/li>
li>百度知道/li>
li>百度文库/li>
li>百度首页/li>li>百度贴吧/li>
/ol>
![HTML基础教程：[4]列表标签](https://exp-picture.cdn.bcebos.com/f367139a310e1799cf4b770cc9406afec214a3f5.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
看看效果吧：
![HTML基础教程：[4]列表标签](https://exp-picture.cdn.bcebos.com/e86ba4b842406afee9753c711eee41c1b6279ff5.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
这就是有序列表，我们不给他加序号，他也会自己生成序号的哦。
2.无序列表标签：
ul>
li>/li>
/ul>
我们在body>里录入下面代码：
ul>
li>百度经验/li>
li>百度知道/li>
li>百度文库/li>
li>百度首页/li>li>百度贴吧/li>
/ul>
![HTML基础教程：[4]列表标签](https://exp-picture.cdn.bcebos.com/f0848bee41c1b7278332cb3c1a2ca5cadde898f5.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
我们来看看效果吧：
![HTML基础教程：[4]列表标签](https://exp-picture.cdn.bcebos.com/91091efc77f7980e67418ec5d4db3620b83a91f5.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
这就是无序列表，浏览器会在每一项前面加点。
3.定义列表标签：
dl>
dt>/dt>
dd>/dd>
/dl>
我们来做个实例认识定义列表标签：
在body>里录入下面代码：
dl>
dt>吹毛求疵/dt>
dd>指吹开皮上的毛，寻找里面的毛病。比喻故意挑剔别人的缺点，寻找差错。也指细致到繁琐，挑剔的地步。/dd>
dt>昙花一现/dt>
dd>指美好的事物出现的时间很短。昙花是一种灌木状肉质植物，花朵非常美丽，但是开花时间却只有3至4小时，可谓十分之短。人们用昙花一现来比喻美好事物不持久。/dd>
/dl>
![HTML基础教程：[4]列表标签](https://exp-picture.cdn.bcebos.com/8974c38a59de4507cc60f5c45e413a8ca70885f5.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
我们来看看效果吧：
![HTML基础教程：[4]列表标签](https://exp-picture.cdn.bcebos.com/c6b994775ddd884cb42be2936cef28066a01f6f5.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
这就是HTML里的三种列表的定义。
注意事项
请关注下一篇——链接标签
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
上一篇：HTML入门：[5]链接的处理方法 下一篇：HTML入门到精通：[1]HTML简介
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 433 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)