html无序列表标签和有序列表标签使用示例

一、关于上下层列表标签`

`：在这个标签结构中，上层为`

`而下层为`

`。它们封装的内容会自动产生缩进效果，形成层次分明的列表结构。举个例子，通过以下代码：

```html

运动户外

板鞋

篮球鞋

足球鞋

跑步鞋

```

我们可以清晰地看到每一种运动装备（板鞋、篮球鞋等）都被归类在“运动户外”这一大类下。

二、定义有序列表`

`时，我们可以使用`type`属性来设置排序的样式。这个属性可以接受不同的值，比如`1`表示以数字顺序排序，`a`表示以字母顺序排序等。还可以通过`start`属性来设置列表的起点。以下是一个示例代码：

```html

55. 板鞋
56. 篮球鞋
57. 跑步鞋
58. 足球鞋

```

在这个例子中，列表将从第55项开始，并以字母顺序（a, b, c等）进行排序。这使得列表内容既具有结构化，又易于理解。

三、对于定义无序列表`

`，我们可以使用`type`属性来设置列表项的标记样式。例如，可以选择实心圆（默认值）、空心圆或实心方块作为列表项的标记。还可以为特定的`
• `元素单独设置这个属性。以下是一个示例代码：

  ```html

  • 板鞋
  • 篮球鞋
  • 跑步鞋
  • 足球鞋

  ```

  在这个例子中，我们选择了实心方块作为整个列表的标记样式，但对于第一个列表项“板鞋”，我们使用了单独的属性设置为实心圆标记。这使得列表内容既具有一致性，又能通过细节变化增加视觉吸引力。