右侧边一条直平导航栏html代码

以下是一个简单的右侧边一条直平导航栏的HTML代码示例：

<div class="outlookbar">
  <ul class="outlookbar-menu">
    <li class="menu-item">
      <a href="#section1">Section 1</a>
    </li>
    <li class="menu-item">
      <a href="#section2">Section 2</a>
    </li>
    <li class="menu-item">
      <a href="#section3">Section 3</a>
    </li>
  </ul>
  <div class="outlookbar-content">
    <div id="section1" class="section">
      <h2>Section 1</h2>
      <p>This is the content for section 1.</p>
    </div>
    <div id="section2" class="section">
      <h2>Section 2</h2>
      <p>This is the content for section 2.</p>
    </div>
    <div id="section3" class="section">
      <h2>Section 3</h2>
      <p>This is the content for section 3.</p>
    </div>
  </div>
</div>

这个示例使用了一个名为OutlookBar的JavaScript库来创建导航栏。导航栏由一个包含菜单项的ul元素和一个包含内容的div元素组成。每个菜单项都是一个li元素，其中包含一个指向对应内容区域的锚点。每个内容区域都是一个div元素，其中包含该区域的标题和内容。