HTML页面无法正常工作，无法从主页转到其他页面

问题描述 投票：0回答：1

我在cs50的第8周pset主页上，我必须创建一个简单的网页来介绍自己。要求之一是制作多个页面，我已经做到了，但是转到其他页面的链接不起作用。我在下面包含了图像和代码，但简而言之，当我单击其他页面的链接时，我的网站会生成一条错误消息，显示“找不到（页面链接）。”

<!DOCTYPE html>

<html lang="en">
    <head>
        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
        <link href="styles.css" rel="stylesheet">
        <title>My Webpage</title>
    </head>
    <body>
        <main class = "container p-3">
            <h1>Hello, my name is <span id = "name">Kaley</span></h1>
            <h3>Get to know me in this webpage!</h3>
            <!--image here maybe-->
            <h3 class = "about">About Me</h3>
            <ul>
                <li>7987 years old</li>
                <li>Japanese/Korean</li>
                <li>Sadly allergic to some sushi</li>
            </ul>

            <h4 class = "about">These are the schools I've been to</h4>
            <table cellpadding="10">
                <tr>
                    <th>Country</th>
                    <th>School</th>
                </tr>
                <tr>
                    <td>Singapore</td>
                    <td>asdas</td>
                </tr>
                <tr>
                    <td>Japan</td>
                    <td>Iasdasd</td>
                    <td>asdasd</td>
                </tr>
                <tr>
                    <td>Korea</td>
                    <td>asasd</td>
                </tr>
            </table>

            <h5 class = "about">Click on one of these to get to know more about me!</h5>
            <a href = "index.html">Intro</a>
            <a href = "hobbies.html">Hobbies</a>
            <a href = "extracurriculars.html">Extracurriculars</a>
            <a href = "favourites.html">Favourites</a>

        </main>
    </body>
    <script src = "script.js"></script>
</html>

这是我的index.html代码，我认为我使用了错误的锚链接和href，但我无法弄清楚。

<!DOCTYPE html>

<html lang="en">
    <head>
        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
        <link href="styles.css" rel="stylesheet">
        <title>My Webpage</title>
    </head>
    <body>
        <main class = "container p-5">
            <h1>These are my hobbies!</h1>
            <h3 class = "hob">I love...</h3>
            <ul>
                <li>Watching movies and shows</li>
                <li>Reading</li>
                <li>Playing the piano</li>
                <li>Sleeping</li>
            </ul>

            <h5 class = "about">Click on one of these to get to know more about me!</h5>
            <a href = "index.html">Intro</a>
            <a href = "hobbies.html">Hobbies</a>
            <a href = "extracurriculars.html">Extracurriculars</a>
            <a href = "favourites.html">Favourites</a>
            
        </main>
    </body>
</html>

这是我的爱好页面之一的代码。

这是错误消息：

我的初始页面，其中标题索引 / 具有访问我网站所有页面的链接。当我单击 index.html 时，它会将我带到我的初始主页，即我提到的第一个代码，但单击任何其他 .html 页面只会下载我的该页面。例如，单击 hobbies.html 会下载 hobbies.html，但不会打开它。在我的 github 代码空间中，我的其他 .html 文件在我的目录中是半透明的，我不知道这意味着什么，但我可能错误地假设我的其他 .html 文件不存在于我的代码空间和网站中？我不太确定，我只是无法在 .html 页面之间导航。

javascript html cs50 edx
1个回答
0
投票

尝试以下项目：

  1. 除了index.html之外，你还准备了其他文件吗？
  2. 您是否在index.html所在的目录中放置了任何其他.html文件？
  3. 您是否检查过要显示的文件名是否与 href 链接的目的地相同？
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.