在页面中添加导航栏可以通过HTML和CSS来实现。HTML中使用<nav>标签来定义导航栏，内部使用<ul>和<li>标签来定义导航菜单项。CSS可以用来设置导航栏的样式，包括背景颜色、字体样式、边框等。
下面是一个简单的示例代码：
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">产品</a></li>
<li><a href="#">服务</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>以上代码中，<nav>标签定义了导航栏，<ul>标签定义了导航菜单项的列表，<li>标签定义了每个菜单项，<a>标签用来设置菜单项的链接地址。
接下来，可以通过CSS来设置导航栏的样式，如下所示：
nav {
background-color: #333; /* 设置导航栏背景颜色 */
padding: 10px; /* 设置导航栏内边距 */
}
ul {
list-style: none; /* 去掉列表项的圆点符号 */
margin: 0;
padding: 0;
}
li {
display: inline-block; /* 将列表项水平排列 */
margin-right: 20px; /* 设置列表项之间的间距 */
}
a {
color: #fff; /* 设置链接文本颜色 */
text-decoration: none; /* 去掉链接下划线 */
font-size: 18px; /* 设置链接文本大小 */
font-weight: bold; /* 设置链接文本加粗 */
padding: 5px; /* 设置链接内边距 */
border-radius: 5px; /* 设置链接圆角 */
}
a:hover {
background-color: #fff; /* 鼠标悬停时设置链接背景颜色 */
color: #333; /* 鼠标悬停时设置链接文本颜色 */
}以上代码中，设置了导航栏的背景颜色、内边距，去掉了菜单项的圆点符号，将菜单项水平排列，并设置了菜单项链接的颜色、大小、样式和背景颜色等。
这样，就可以在页面中添加一个简单的导航栏了。