Question

我无法将HTML页面链接在一起。我的代码如下。我以我所知的最佳方式锚定了链接，但是当我将它们放入HTML格式并单击超链接时，它告诉我找不到文件。

我需要链接到三个页面，在进行测试之前，我将它们全部放在桌面上的一个文件夹中，然后尝试将其拉起，然后遇到该错误。

这是我的代码。为了便于访问，它们被INDEX，SERVICES和CONTACT的标头分隔。但是，它们是三个单独的html文件。

 data = [
    {name: "car"},
    {name: "truck"},
    {name: "bike"}
  ]

从“索引”页面的浏览器源获取的新代码。

<!DOCTYPE html>
<html lang=“en”>
<head>
<title>Trillium Media Design</title>
<meta charset=“utf-8”>
</head>
<body>
<header>
<h1>Trillium Media Design</h1>
</header>
<nav>
    <b> <a href=“index.html”>Home</a> &nbsp;
        <a href=“services.html”>Services</a> &nbsp;
        <a href=“contact.html”>Contact</a>
    </b>
</nav>
<main>
    <h2>New Media and Web Design</h2>
    <p>Trillium Media Design offers a comprehensive range of services to take your company's Web presence to the next level.</p>
    <h3>Meeting Your Business Needs</h3>
    <p>Our expert designers will listen to you as they create a website that helps to promote and grow your business.</p>
<footer>
    <small><i>Copyright &copy; 2018 Michael Vitucci</i></small></footer>
</body>
</html>

SERVICES

<!DOCTYPE html>
<html lang=“en”>
<head>
<title>Trillium Media Design-Services</title>
<meta charset=“utf-8”>
</head>
<body>
<header>
<h1>Trillium Media Design</h1>
</header>
<nav>
    <b> <a href=“index.html”>Home</a> &nbsp;
        <a href=“services.html”>Services</a> &nbsp;
        <a href=“contact.html”>Contact</a>
    </b>
</nav>
<main>
    <h2>Our Services Meet Your Business Needs</h2>
        <dl>
            <dt><strong>Website Design></strong></dt>
                <dd>Whether your needs are large or small, Trillium can get you on the Web!</dd>
            <dt>strong>E-Commerce Solutions</strong></dt>
                <dd>Trillium offers quick entry into the e-commerce marketplace.</dd>
            <dt><strong>Search Engine Optimization</strong></dt>
                <dd>Most people find new sites using search engines. Trillium can get your website noticed.</dd>
        </dl>
<footer>
    <small><i>Copyright &copy; 2018 Michael Vitucci</i></small></footer>
</body>
</html>

CONTACT

<!DOCTYPE html>
<html lang=“en”>
<head>
<title>Trillium Media Design-Contact</title>
<meta charset=“utf-8”>
</head>
<body>
<header>
<h1>Trillium Media Design</h1>
</header>
<nav>
    <b><a href=“index”>Home</a> &nbsp; 
        <a href=“services”>Services</a> &nbsp; 
        <a href=“contact”>Contact</a>
    </b>
</nav>
<main>
    <h2>Contact Trillium Media Design Today</h2>
        <ul>
            <li>E-Mail:
            <a href=“mailto:contact@trilliummediadesign.com”>contact@trilliummediadesign.com</a>
            </li>
            <li>Phone: 555-555-5555</li>
        </ul>
<footer>
    <small><i>Copyright &copy; 2018 Michael Vitucci</i></small></footer>
</body>
</html>

这是我从“索引”页面获得的浏览器URL。

file：/// C：/Users/Michael%20Vitucci/Desktop/michaeltest/michaelindex.html

这是我从错误页面获得的浏览器URL。

file：/// C：/Users/Michael%20Vitucci/Desktop/michaeltest/index.html

Answer 1

您使用的是印刷引号，而您应该使用双引号（并且这适用于所有属性）。例如，应该使用-Tx11:cairo代替<a href=“index.html”>Home</a>。

Answer 2

检查所有这些文件是否与index.html？在同一目录中，否则您必须提及保留这些文件的目录的相对路径，如果它们仍在同一目录中，则仍然发出类似“ ./services.html”的问题“

 <b> <a href="index.html">Home</a> &nbsp;
    <a href="services.html">Services</a> &nbsp;
    <a href="contact.html">Contact</a>
 </b>

Answer 3

您是否尝试添加整个地址？

<a href="http://www._____.com/index.html">Home</a>

Answer 4

这些文件是否处于同一级别，即index.html和about.html是否位于同一文件夹中，如果它们位于同一文件夹中，则可以通过索引中的“ ./about.html”直接访问该文件。 html文件，如果文件位于同一级别的不同文件夹中，则需要向上一层，即“ ../ about / about.html”;

p.s为避免出现任何错字，您可以使用emmet等HTML工具，并避免路径不匹配的问题，可以使用path Intellisense等扩展名。（Emmet和路径Intellisense是vs代码中的扩展）。

我的HTML链接不会带我到其他HTML文件

4 个答案: