本篇文章给大家带来的内容是关于html各个列表元素的应用（一个例子），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
一、列表元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- list-style: none;可以清除有序列表或无序列表前面的数字或者符号-->
<style type="text/css">
ul {
list-style: none;
}
</style>
</head>
<body>
<ul type="circle"><!--空心圆无序列表-->
<li>first</li>
<li>second</li>
<li>third</li>
</ul>
<ul type="disc"><!--disc是默认值，实心圆无序列表-->
<li>first</li>
<li>second</li>
<li>third</li>
</ul>
<ul type="square"><!--实心方框，无序列表-->
<li>first</li>
<li>second</li>
<li>third</li>
</ul>
<ol type="A"><!--以字母A开始的有序列表-->
<li>first</li>
<li>second</li>
<li>third</li>
</ol>
<ol type="a"><!--以字母a开始的有序列表-->
<li>first</li>
<li>second</li>
<li>third</li>
</ol>
<ol type="i"><!--以小写罗马数字开始的有序列表-->
<li>first</li>
<li>second</li>
<li>third</li>
</ol>
<ol type="I" start="2"><!--以大写罗马数字开始的有序列表，start规定了列表开始的值-->
<li>first</li>
<li>second</li>
<li>third</li>
</ol>
<ol type="I"><!--以大写罗马数字开始的有序列表，value规定了第三个从Ⅳ开始，规定了第六个从Ⅷ开始-->
<li>first</li>
<li>second</li>
<li value="4">third</li>
<li>fouth</li>
<li>friday</li>
<li value="8">六</li>
<li>七</li>
</ol>
<dl><!--dl自定义列表，dt列表中的项目，d项目描述，自动换行并有缩进-->
<dt>一</dt>
<dd>hello world</dd>
<dd>welcome to html5</dd>
<dt>二</dt>
<dd>kan kan xiaoguo</dd>
</dl>
</body>
</html>二、效果展示
相关推荐：
了解HTML表单之input元素的30个元素属性_html/css_WEB-ITnose
Atas ialah kandungan terperinci html各个列表元素的应用（一个例子）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Bagaimana untuk menjadi kawan rapat di TikTok
Cara menyediakan Douyin untuk menghalang semua orang daripada melihat hasil kerja
Pengenalan kepada arahan biasa postgresql
penggunaan transactionscope
Cara menyemak plagiarisme pada CNKI Langkah terperinci untuk menyemak plagiarisme pada CNKI
Apakah maksud konsep metaverse?
Jadual perbandingan kod ASCII
Bagaimana untuk membuka python selepas ia dipasang
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
