热门标签
热门文章
- 1Android Studio 生成 aar包 及使用_android studio 编译aar
- 2vue学习笔记——Vue3循环生成表单时，对每一行新生成的数据添加表单验证的方法_vue3动态生成表单并且验证
- 3【论文速递】CVPR2022 : 用于目标跟踪的统一transformer跟踪器_cvpr 目标跟踪
- 4grad-cam实现可视化｜mmselfsup自监督｜保姆级教学
- 5机器学习笔记之分类算法（二）朴素贝叶斯_6.对于二分类问题,朴素贝叶斯输出的是什么?
- 6深度学习和日常代码中遇到的报错汇总及解决方案，持续更新中。。。。_runtimeerror: boolean value of tensor with more th
- 7动规之-P1048 采药（dp）_1764采药dp
- 8element如何动态切换主题(vite+vue+ts+elementPlus)_element plus 主题 :root
- 9blender中python脚本使用_blender 脚本
- 10Bert+BiLSTM+CRF实体抽取
当前位置: article > 正文
HTML中的ul、li、ol、li、dl、dt、dd的区别讲解与示例
作者：AllinToyou | 2024-03-28 08:00:45
赞
踩
HTML中的ul、li、ol、li、dl、dt、dd的区别讲解与示例
HTML中的ul和li 需要同时出现，并且要成对出现。
ul和li 是无序列表的意思。
ol和li 是有序列表的意思。
dl、dt和dd是普通列表的意思。
下面给大家举个例子就明白了：
<html>
<head>
<title>几种列表的区别</title>
</head>
<body>
<p style="color:#FF0000;">下面是dl、dt和dd的示例</p>
<dl>
<dt>中国城市</dt>
<dd>北京 </dd>
<dd>上海 </dd>
<dd>广州 </dd>
<dt>美国城市</dt>
<dd>华盛顿 </dd>
<dd>芝加哥 </dd>
<dd>纽约 </dd>
</dl>
<p style="color:#FF0000;">下面是ul和li的示例</p>
<ul>
<li>中国城市</li>
<li>北京</li>
<li>上海</li>
<li>广州 </li>
<li>美国城市</li>
<li>华盛顿 </li>
</ul>
<p style="color:#FF0000;">下面是ol和li的示例</p>
<ol>
<li>中国城市</li>
<li>北京</li>
<li>上海</li>
<li>广州 </li>
<li>美国城市</li>
<li>华盛顿 </li>
</ol>
</body>
</html>
预览下效果是：
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/AllinToyou/article/detail/328718
推荐阅读
相关标签
