HTML/CSS：导航栏水平和垂直

HTML和CSS可以实现水平和垂直导航栏。下面我分别给出两种实现方法：

1. 水平导航栏

HTML结构：

<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>

CSS样式：

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

nav li {
  margin-right: 20px;
}

nav li:last-child {
  margin-right: 0;
}

nav a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
}

2. 垂直导航栏

HTML结构：

<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>

CSS样式：

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

nav li {
  margin-bottom: 10px;
}

nav a {
  display: block;
  color: #333;
  text-decoration: none;
  font-weight: bold;
}

以上两种方法可以根据实际需求进行进一步的样式调整。