保姆级教程：用Python+Open3D复现Removert算法，搞定动态SLAM点云预处理
2026/5/30 3:40:58
目录
一、列表快捷键与基础示例
二、无序列表（ul + li）
1. 代码结构与注释
2. 浏览器展示效果
三、有序列表（ol + li）
1. 代码结构与注释
2. 编号规则说明
四、自定义列表（dl + dt + dd）
1. 代码结构
2. 结构说明
五、总结
一、列表快捷键与基础示例
在HTML中，创建列表时可以使用快捷键快速生成结构。例如，输入ul>li*3可以快速生成无序列表的基本结构（无序列表+3个列表项）：
<title>Document</title> </head> <body> <h1>这是无序列表</h1> ul>li*3 <!-- 快捷键演示 --> </body> </html>示例来源：菜鸟教程网站提取（runoob.com/html/html-lists.html）
二、无序列表（ul + li）
无序列表是HTML中常用的列表类型，默认展示方式为“实心圆”，也可以通过type属性修改符号样式。
1. 代码结构与注释
<title>Document</title> </head> <body> <h1>这是无序列表</h1> <!-- disc（实心圆，默认）、square（方块）、circle（空心圆） --> <ul type="disc"> <li>这是内容1</li> <li>这是内容2</li> <li>这是内容3</li> </ul> </body> </html>2. 浏览器展示效果
默认（
type="disc"）：这是内容1
这是内容2
这是内容3
空心圆（
type="circle"）：○ 这是内容1
○ 这是内容2
○ 这是内容3
方块（
type="square"）：■ 这是内容1
■ 这是内容2
■ 这是内容3
三、有序列表（ol + li）
有序列表通过数字、字母或罗马数字编号，可通过type和start属性控制编号样式和起始值。
1. 代码结构与注释
<title>Document</title> </head> <body> <h1>这是无序列表</h1> <!-- disc、square、circle 是无序列表的type，这里注释说明有序列表的type --> <!-- a（小写字母）、A（大写字母）、i（小写罗马数字）、I（大写罗马数字）、1（数字，默认） --> <h1>这是有序列表</h1> <ol type="a" start="2"> <li>这是有序列表1</li> <li>这是有序列表2</li> <li>这是有序列表3</li> <li>这是有序列表4</li> </ol> </body> </html>2. 编号规则说明
type="a"：小写英文字母编号（从start指定的值开始，这里start="2"则从b开始）type="A"：大写英文字母编号type="i"：小写罗马数字编号type="I"：大写罗马数字编号type="1"：数字编号（默认）
四、自定义列表（dl + dt + dd）
自定义列表主要用于布局，结构更灵活，包含一个“总标签”（dl）、多个“小标题”（dt）和“围绕标题的说明”（dd）。
1. 代码结构
<h1>这是自定义列表</h1> <dl> <dt>自定义列表显示内容</dt> <dd>自定义列表内容1</dd> <dd>自定义列表内容2</dd> <dd>自定义列表内容3</dd> </dl>2. 结构说明
dl：自定义列表的总标签（容器）dt：小标题（类似标题，描述一组内容的主题）dd：围绕标题的说明（对dt的解释或补充）
五、总结
无序列表：
ul + li，重要，默认实心圆，可通过type改符号（disc、square、circle）。有序列表：
ol + li，用得不多，通过type改编号样式（字母、罗马数字、数字），start改起始值。自定义列表：
dl + dt + dd，重要，主要用于布局，结构为“标题 + 多个说明”。