HTML中的ul标签

简介

ul是HTML中的一个标签，全称为unordered list，表示一个无序列表。在ul标签中可以添加多个li标签，每个li标签表示一个列表项，列表项按照添加顺序垂直显示。

用法

ul标签可以在任意HTML文档中使用。在文档中使用ul标签的一般形式如下：

<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ul>

在ul标签内添加多个li标签，每个li标签表示一个列表项。在每个li标签内可以添加文本、图片、链接等任意HTML元素。

注意，ul标签是一个块级元素，会独占一行。因此，在列表中的每个li标签前后会有一个空行，除非设置了CSS样式。

属性

ul标签有以下常用属性：

type属性

type属性用于设置列表项目的标记符号，可以使用下面的值：

• disc，默认值，表示实心圆点。
• circle，表示空心圆。
• square，表示实心方块。

start属性

start属性用于设置列表项从哪个数字开始。例如：

<ul start="3">
  <li>列表项3</li>
  <li>列表项4</li>
  <li>列表项5</li>
</ul>

reversed属性

reversed属性用于反转列表项的顺序，例如：

<ul reversed>
  <li>列表项3</li>
  <li>列表项2</li>
  <li>列表项1</li>
</ul>

嵌套使用

ul标签可以嵌套使用。例如可以将一个ul标签作为另一个ul标签的列表项。嵌套使用详情看下面的例子：

<ul>
    <li>列表项1</li>
    <li>列表项2
        <ul>
            <li>子列表项1</li>
            <li>子列表项2</li>
        </ul>
    </li>
    <li>列表项3</li>
</ul>

上面的代码中，第二个列表项嵌套了一个ul标签，ul标签中有两个li标签，表示子列表项。

总结

• ul标签用于创建无序列表。
• 可以在ul标签中添加多个li标签，每个li标签表示一个列表项，列表项按照添加顺序垂直显示。
• type属性用于设置列表项目的标记符号。
• start属性用于设置列表项从哪个数字开始。
• reversed属性用于反转列表项的顺序。
• ul标签可以嵌套使用。