导航菜单通常由一个无序列表()。在列表项内部，我们可以添加一个链接()来指向相应的页面。
<nav>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="about.html">关于我们</a></li>
<li><a href="services.html">我们的服务</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</nav>
在上述示例中，我们使用 元素来包裹整个导航菜单。这个元素表示页面上的导航部分，有助于搜索引擎和辅助技术更好地理解导航的作用。
每个导航项目都是一个 元素，其中包含一个 元素。 元素的 href 属性指定相应页面的 URL。
通过适当的 CSS 样式设置，我们可以自定义导航菜单的外观和布局。例如，可以去掉列表项前的项目符号、水平排列导航项目、为当前页面的导航项目添加高亮效果等。
除导航菜单，我们还可以在网页的其他部分添加超链接。 元素是创建链接的主要方式。
最简单的链接形式是这样的：
<a href="https://www.example.com">点击访问 Example 网站</a>在这个例子中，href 属性指定链接的目标 URL，链接文本则是"点击访问 Example 网站"。
我们还可以在链接中添加 target 属性来控制链接的打开方式。例如，将 target="_blank" 添加到链接中会让链接在新的标签页或窗口中打开。
<a href="https://www.example.com" target="_blank">在新标签页打开 Example 网站</a>除文本链接，我们还可以将图像或其他元素包裹在 标签中来创建图像链接。
<a href="https://www.example.com">
<img src="example-logo.png" alt="Example 网站 Logo">
</a>在这个例子中，当用户点击 Example 网站的 Logo 图片时，会跳转到 Example 网站的页面。
链接可以分为两种类型：内部链接和外部链接。
内部链接是指链接到同一网站内的其他页面。这种链接通常使用相对路径来指定目标页面的位置。例如：
<a href="about.html">关于我们</a>
<a href="services/web-design.html">网页设计服务</a>外部链接是指链接到其他网站的页面。这种链接通常使用绝对 URL 来指定目标页面的位置。例如：
<a href="https://www.google.com">访问 Google</a>
<a href="http://www.example.com">查看 Example 网站</a>无论是内部链接还是外部链接，都可以使用相同的 元素和 href 属性来创建。区别在于目标 URL 的形式。
除链接到其他页面，我们还可以创建页面内部的锚点链接。这种链接允许用户跳转到同一页面的其他部分。
要创建一个锚点链接，需要在目标位置添加一个锚点标记。可以使用 元素并给它一个 name 或 id 属性。
<a name="section-1">第一部分</a>
<p>这里是第一部分的内容。</p>
<a id="section-2">第二部分</a>
<p>这里是第二部分的内容。</p>在需要创建链接的地方，使用 元素并在 href 属性中指定锚点标记的名称（以 # 开头）。
<a href="#section-1">跳转到第一部分</a>
<a href="#section-2">跳转到第二部分</a>当用户点击这些链接时，页面会滚动到对应的锚点位置。
使用 HTML 为网站添加导航菜单和链接是一项基础技能。通过合理地使用 、、 等元素，我们可以构建出清晰易用的导航系统。适当的链接设计也能提升网站的可访问性和搜索引擎友好性。掌握这些技能对于构建高质量的网站非常重要。
