HTML 中的 ul(无序列表)用于创建项目列表,而 li(列表项)表示列表中的各个项目。使用方法如下:创建无序列表:<ul><li>项目</li></ul>设置列表样式:通过 CSS 样式,例如修改标记类型、内边距和间距使用嵌套列表:<ul><li>项目<ul><li>子项目</li></ul></li></ul>

HTML 中 ul 和 li 的使用方法
什么是 ul 和 li?
- ul(无序列表):用于创建项目列表,各个项目之间没有特定的顺序。
- li(列表项):表示无序列表中的各个项目。
如何使用 ul 和 li?
创建一个无序列表:
立即学习“前端免费学习笔记(深入)”;
<code class="html"><ul> <!-- 无序列表中的项目 --> </ul></code>
添加列表项:
<code class="html"><ul> <li>项目 1</li> <li>项目 2</li> <li>项目 3</li> </ul></code>
设置列表样式
可以通过 CSS 样式来设置无序列表的外观,例如:
<code class="css">ul {
list-style-type: none; /* 去除默认的圆点标记 */
padding: 0; /* 设置内边距为 0 */
}
li {
display: inline-block; /* 设置列表项为内联元素 */
margin-right: 10px; /* 设置列表项之间的间距 */
}</code>使用嵌套列表
可以使用嵌套列表来创建多级列表:
<code class="html"><ul>
<li>项目 1
<ul>
<li>子项目 1</li>
<li>子项目 2</li>
</ul>
</li>
<li>项目 2</li>
</ul></code>











