html列表嵌套代码

在HTML中,你可以创建嵌套的列表,通常使用<ul><ol>元素来实现。

html
<!DOCTYPE html> <html> <head> <title>嵌套列表示例</title> </head> <body> <h1>嵌套列表示例</h1> <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>标签替换为<ol>标签,并相应地调整列表项的数字顺序。嵌套有序列表的方法与无序列表类似。

通过这种方式,你可以创建具有层次结构的列表,用于呈现信息的分层结构,比如目录或组织结构。

标签