如何链接使用HTML和CSS样式构建的网站中的页面

这是我的密码。现在我将如何链接页面ourevents.html、gallery.html、about.html、contaact.html？请帮忙

<div id="menu">
            <ul>
                <li class="active"><a href="#" accesskey="1" title="">Homepage</a></li>
                <li><a href="#" accesskey="2" title="">Our Events</a></li>
                <li><a href="#" accesskey="3" title="">Gallery</a></li>
                <li><a href="#" accesskey="4" title="">About Us</a></li>
                <li><a href="#" accesskey="5" title="">Contact Us</a></li>
            </ul>
        </div>

---

假设当前页面为index.html：

<div id="menu">
    <ul>
        <li class="active"><a href="index.html" accesskey="1" title="">Homepage</a></li>
        <li><a href="ourevents.html" accesskey="2" title="">Our Events</a></li>
        <li><a href="galery.html" accesskey="3" title="">Gallery</a></li>
        <li><a href="about.html" accesskey="4" title="">About Us</a></li>
        <li><a href="contact.html" accesskey="5" title="">Contact Us</a></li>
    </ul>
</div>

从

这是定义超文本的锚的唯一必需属性 源链接。它指示链接目标，URL或URL 碎片URL片段是一个名称，前面有一个哈希标记，它 指定一个内部目标位置，该位置在当前 文件

---

你可以这样做：

<div id="menu">
  <ul>
    <li class="active"><a href="index.html" accesskey="1" title="">Homepage</a></li>
    <li><a href="ourevents.html" accesskey="2" title="">Our Events</a></li>
    <li><a href="galery.html" accesskey="3" title="">Gallery</a></li>
    <li><a href="about.html" accesskey="4" title="">About Us</a></li>
    <li><a href="contact.html" accesskey="5" title="">Contact Us</a></li>
  </ul>
</div>

---

您需要做的是将页面的位置放在href中

还有，当前页面是什么？html？说真的，在尝试创建任何使用超链接的内容之前，您应该了解如何正确使用超链接。行走前抓取，跑步前行走。每个链接的文本都很好，请删除这些空标题属性！而且accesskey也没用。事实上，大多数按键组合确实会对一种或多种辅助技术产生冲突，或者如果您使用这些技术，那么请遵守此约定：那么会是这样吗？是的，这取决于html文件的位置。例如：如果您的文件位于名为website的文件夹中，href应该如下所示：website\index.html。

<div id="menu">
  <ul>
    <li class="active"><a href="index.html" accesskey="1" title="">Homepage</a></li>
    <li><a href="ourevents.html" accesskey="2" title="">Our Events</a></li>
    <li><a href="galery.html" accesskey="3" title="">Gallery</a></li>
    <li><a href="about.html" accesskey="4" title="">About Us</a></li>
    <li><a href="contact.html" accesskey="5" title="">Contact Us</a></li>
  </ul>
</div>