HTML列表标签进阶指南：玩转多级列表和嵌套列表-编程学习网

一、HTML列表标签介绍

HTML列表标签主要包括<ul>（无序列表）、<ol>（有序列表）、<li>（列表项）三个标签，其中<ul>和<ol>标签用于创建列表容器，<li>标签用于创建列表项。

<ul>标签：用于创建无序列表，列表项前没有编号。

<ul>
<li>项目一</li>
<li>项目二</li>
<li>项目三</li>
</ul>

<ol>标签：用于创建有序列表，列表项前有编号。

<ol>
<li>项目一</li>
<li>项目二</li>
<li>项目三</li>
</ol>

<li>标签：用于创建列表项。
```
<li>项目一</li>
```

二、多级列表和嵌套列表的创建

多级列表和嵌套列表是指列表中有子列表的情况，可以通过在<li>标签内嵌套其他<ul>或<ol>标签来创建。

多级列表：多级列表是指列表项中有子列表的情况，可以通过在<li>标签内嵌套其他<ul>或<ol>标签来创建。
```
<ul>
<li>项目一
  <ul>
    <li>子项目一</li>
    <li>子项目二</li>
  </ul>
</li>
<li>项目二</li>
<li>项目三</li>
</ul>
```

嵌套列表：嵌套列表是指列表中有子列表，子列表中有子列表的情况，可以通过在<li>标签内嵌套其他<ul>或<ol>标签来创建。

<ul>
<li>项目一
  <ul>
    <li>子项目一
      <ul>
        <li>子子项目一</li>
        <li>子子项目二</li>
      </ul>
    </li>
    <li>子项目二</li>
  </ul>
</li>
<li>项目二</li>
<li>项目三</li>
</ul>

三、HTML列表标签的样式设置

HTML列表标签的样式可以通过CSS来设置，可以使用list-style-type属性来设置列表项的样式，还可以使用padding、margin等属性来调整列表的间距和位置。

list-style-type属性：用于设置列表项的样式，可以设置为none（无样式）、disc（圆点）、square（方块）、decimal（数字）等。
```
ul {
list-style-type: none;
}
```
padding属性：用于设置列表项的内边距。
```
ul {
padding: 10px;
}
```
margin属性：用于设置列表项的外边距。
```
ul {
margin: 10px 0;
}
```