您的位置:

HTML <ul>标签

HTML <ul>标签用于创建无序列表,即列表项没有编号。<ul>标签通常可以和 <li> 标签一起使用。<li> 标签用于定义列表项。

一、基本用法

使用 <ul> 标签可以创建无序列表,在 <ul> 中,每个列表项使用 <li> 标签来定义。下面是一个列表的例子:

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

在浏览器中渲染的效果如下:

  • 列表项1
  • 列表项2
  • 列表项3

二、CSS样式定制

你可以使用 CSS 来控制 <ul> 标签中的列表项的样式。下面是一个样式的例子:

ul {
  list-style-type: square;
  margin-left: 20px;
}

li {
  color: green;
}

在浏览器中渲染的效果如下:

  • 列表项1
  • 列表项2
  • 列表项3

三、嵌套列表

<ul> 标签允许嵌套,因此你可以创建一个列表中的列表:

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

在浏览器中渲染的效果如下:

  • 列表项1
  • 列表项2
    • 列表项2.1
    • 列表项2.2
  • 列表项3

四、结论

使用 <ul> 标签创建无序列表是HTML中的基本用法。你可以通过CSS样式定制列表的样式,或者嵌套一个列表中的列表。以上是HTML <ul>标签的详细介绍,祝你愉快的编程之旅!