html ul li

作者：佳凝皓月发布日期:2026-05-30 浏览:33

<!DOCTYPE html>
<html>
<head>
    <title>HTML ul li 示例</title>
</head>
<body>
    <h2>使用 ul 和 li 创建无序列表</h2>
    <ul>
        <li>苹果</li>
        <li>香蕉</li>
        <li>橙子</li>
    </ul>

    <h2>带有序号的有序列表</h2>
    <ol>
        <li>第一步</li>
        <li>第二步</li>
        <li>第三步</li>
    </ol>

    <h2>嵌套列表</h2>
    <ul>
        <li>水果
            <ul>
                <li>苹果</li>
                <li>香蕉</li>
                <li>橙子</li>
            </ul>
        </li>
        <li>蔬菜
            <ul>
                <li>胡萝卜</li>
                <li>西红柿</li>
                <li>黄瓜</li>
            </ul>
        </li>
    </ul>
</body>
</html>

解释说明：

ul 标签用于定义无序列表（通常是带有项目符号的列表）。
li 标签用于定义列表项，可以包含在 ul 或 ol 标签中。
ol 标签用于定义有序列表（通常是带有数字或字母的列表）。
列表可以嵌套，即在一个 li 元素内部再包含一个 ul 或 ol 列表。

上一篇：html实体

下一篇：html中img如何水平居中