这次给大家带来在html的列表中，dl(dt,dd)、ul(li)、ol(li) 有什么不同，在html的列表中，使用dl(dt,dd)、ul(li)、ol(li) 的注意事项有哪些，下面就是实战案例，一起来看一下。
HTML <dl> 标签
#定义和用法
<dl> 标签定义了定义列表（definition list）。
<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。
#实例
立即学习“前端免费学习笔记（深入）”；
代码如下:
<dl> <dt>计算机</dt> <dd>用来计算的仪器 ... ...</dd> <dt>显示器</dt> <dd>以视觉方式显示信息的装置 ... ...</dd> </dl>
HTML <ul> 标签
#定义和用法
<ul> 标签定义无序列表。
#实例
立即学习“前端免费学习笔记（深入）”；
无序 HTML 列表：
<ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>
HTML <ol> 标签
#定义与用法
<ol> 标签定义有序列表。
#实例
立即学习“前端免费学习笔记（深入）”；
有序 HTML 列表：
<ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol>
ul可以结合ol定义菜单及子菜单
<ul>
<li><a href="#">内容过滤</a><li>
<li><a href="#">词语过滤</a></li>
<li class="s">
<div class="lsub">
<div>论坛</div>
<ol>
<li><a href="#">论坛主题管理</a></li>
<li><a href="#">论坛批量删帖</a></li>
</ol>
</div>
</li>
<ul>相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
以上就是在HTML的列表中，dl(dt,dd)、ul(li)、ol(li) 有什么不同的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
316
收藏
