html中ul和li标签导航

在 HTML 中，可以使用 `<ul>` 和 `<li>` 标签来创建导航菜单。

`<ul>` 标签表示无序列表，通常用来组织项目列表。在导航菜单中，我们可以使用 `<ul>` 标签来表示所有的菜单项。例如：

<ul>
  <li><a href="#">首页</a></li>
  <li><a href="#">产品</a></li>
  <li><a href="#">关于我们</a></li>
  <li><a href="#">联系我们</a></li>
</ul>

在上面的代码中，每一个菜单项都使用 `<li>` 标签包裹，并且每一个菜单项都是一个链接，使用 `<a>` 标签来表示。

我们可以使用 CSS 来美化导航菜单，例如：

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  display: inline-block;
}

a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
}

a:hover {
  background-color: #eee;
}

在上面的 CSS 代码中，我们将无序列表的默认样式去掉，并且将每一个菜单项设置为行内块元素，使得菜单项水平排列。同时，我们为链接添加了一些样式，当鼠标悬浮在链接上时，背景颜色会变成灰色。

希望这个例子能够帮助你理解如何在 HTML 中使用 `<ul>` 和 `<li>` 标签来创建导航菜单。