Question

这是我的代码。现在我将如何链接页面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>

Answer 1

假设当前页面是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>

Answer 2

<div id="menu">
            <ul>
                <!--// this assumes all pages are in the same directory as the cwd //-->
                <li class="active"><a href="#" accesskey="1" title="">Homepage</a></li>
                <li><a href="ourevents.html" accesskey="2" title="">Our Events</a></li>
                <li><a href="gallery.html" accesskey="3" title="">Gallery</a></li>
                <li><a href="about.html" accesskey="4" title="">About Us</a></li>
                <li><a href="contaact.html" accesskey="5" title="">Contact Us</a></li>
            </ul>
        </div>

来自MDN

这是定义超文本的锚点的唯一必需属性来源链接。它指示链接目标，URL或URL 分段。 URL片段是以哈希标记（＃）开头的名称，其中指定当前内部目标位置（ID）文档。

Answer 3

你可以这样做：

<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和＆amp ;; CSS风格

3 个答案: