HTML 列表的类型

百变鹏仔 3个月前 (09-20) #CSS

文章标签类型

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 列表的类型

语法

示例

输出

示例

输出

css如何让导航栏变透明

css 怎么去除a标签的手形

css里怎样设置字体大小和字体颜色

css如何固定导航栏

css边框变圆角边框怎么写