HTML 中有三种类型的列表 -
-
无序列表
此列表有项目符号列表项，没有项目符号列表项。特定顺序。
-
有序列表
此列表用于有序列表项
-
定义列表
此列表用于显示术语的定义。
我们可以嵌套这些列表并根据需要设置它们的样式。 CSS 属性 list-style 帮助我们设置列表项的样式。
语法
HTML 列表的语法如下 -
<type of list> <li></li> </type of list>
以下示例说明了 HTML 列表 -
示例
实时演示
<!DOCTYPE html>
<html>
<head>
<style>
ul {
background-color: papayawhip;
list-style-type: square;
font-style: italic;
}
ol {
background-color: azure;
}
</style>
</head>
<body>
<ol>
<li>demo1</li>
<li>
demo 2
<ul>
<li>demo a</li>
<li>demo b</li>
</ul>
</li>
<li>demo 3</li>
</ol>
</body>
</html>
输出
这将给出以下输出 −
示例
实时演示
<!DOCTYPE html>
<html>
<head>
<style>
dt {
font-weight: bold;
font-style: italic;
}
dd {
border: thin dotted;
}
</style>
</head>
<body>
<h2>Programming Languages and Databases</h2>
<dl>
<dt>Java</dt>
<dd>A programming language developed by James Gosling.</dd>
<dt>C++</dt>
<dd>A programming language developed by Bjarne Stroustrup.</dd>
<dt>MysqL</dt>
<dd>MysqL is an open-source relational database management system.</dd>
</dl>
</body>
</html>
输出
这给出了以下输出 -
以上就是HTML 列表的类型的详细内容，更多请关注编程之家其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
