本文将介绍HTML中的列表标签属性，包括无序列表标签（
-
）、有序列表标签（
-
）以及定义列表标签（），并指导如何正确使用它们，以提升网页排版技巧。
在网页设计中，列表是常见的元素之一，而HTML提供了多种列表标签，如无序列表、有序列表和定义列表。掌握这些列表标签的属性和用法，对于优化网页结构和提升用户体验至关重要。
无序列表标签（<ul>）
无序列表通过 <ul>标签定义。这些列表项通常以符号、图标或其他自定义样式的方式呈现在页面上。通过设置 CSS 样式或列表属性，可以定制无序列表的外观，使其符合网页设计的需求。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> 你们喜欢吃的水果： <ul> <li>苹果AAAA🍎</li> <li>香蕉CCCC🍌</li> <li>草莓ZZZZ🍓</li> </ul> </body> </html>
·type="disc"·
无序列表是网页中最常用的列表，其各个列表项之间为并列关系，没有顺序级别之分。u和li标签都拥有type属性，用于指定列表项目符号。在无序列表中type属性的常用值有三个:
有序列表标签（<ol>）
有序列表通过 <ol> 标签定义，其中每个列表项由 <li> 标签定义。与无序列表不同，有序列表的每个列表项都有一个数字或字母标记，通常用于表达某种顺序或序列关系。通过设置列表的 type、start 和 reversed 属性，可以对有序列表进行进一步的定制。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> 你们喜欢看的电影： <ol> <li>AAA</li> <li>BBB</li> <li>CCC</li> </ol> </body> </html>
其实ol标签中有5种值可以进行添加，然后就可以更加美观
“
对于上面的代码中等价于：
当然，对于上面的type=”1“而言，也可以将1换成a、A、i、I
换成a的话，按照a、b、c进行编号的排序
换成A的话，按照A、B、C进行编号的排序
换成 i 的话，按照 i 、 ii 、 iii 进行编号排序
换成 I 的话，按照 I 、 II 、 III 进行编号排序
”
· reversed 属性：·
<ol reversed="reversed" > <li>AAA</li> <li>BBB</li> <li>CCC</li> </ol>
· start="2"·
<ol start="2"> <li>AAA</li> <li>BBB</li> <li>CCC</li> </ol>
定义列表标签（<dl>）
“
ol标签表示页面中的有序列表，dl标签里只能嵌套dt和dd标签，输入文字或其他是不允许的
dt标签里可以放很多元素，自定义列表的主题
dd标签里可以放很多元素
定义列表，主要用于解释名词，包含两个层次的列表。
第一层次是需要解释的名词，第二层是具体的解释。
定义列表的语法如下；
”
-
示例：
<dl> <dt>苹果</dt> <dd>一种水果，通常有红色、绿色或黄色的外皮和甜或酸的味道。</dd> <dt>香蕉</dt> <dd>一种水果，通常有长形曲线状，黄色外皮，味道甜美。</dd> <dt>橙子</dt> <dd>一种圆形水果，通常有橙色的外皮，酸甜可口。</dd> </dl>
