页脚链接无法在html中工作

时间:2018-03-13 07:01:31

标签: html css hyperlink web footer

为了让我的链接正常工作,我尝试了很多不同的东西,但无济于事:(我目前正在为学校项目做这个,这是我第一次尝试编写代码适当的网站。我使用Sublime Text。

我无法获取指向我的主页的链接(在页脚的导航栏中)以正常工作,每次点击它时都会显示"找不到文件"如果你链接一个你没有编码的页面,你会得到网址中的有趣符号。我的所有文件都在同一个文件夹中,并且不知道哪些错误...

这是我的HTML:

/_api/search/query?querytext='Title:Developer%20-%20Wiki1 Author:Lee'

我的css:

<!DOCTYPE html>

<html>
    <head>
        <link rel="stylesheet" href="stylesheet_outcome.css">
    </head>

    <body>
        <div class="bgimg"> <img src="outcome_img.png"></div> 

        <div class="title">
            <h1>BACK TO THE FUTURE<br>(1985)</h1>
        </div>

        <div class="synopsis">
            <p><br><br>Marty McFly, a 17-year-old high school<br>student, is accidentally sent thirty years into<br>the past in a time-traveling DeLorean<br>invented by his close friend, the maverick<br>scientist Doc Brown. <br><br><strong>Stars: </strong>  Michael J. Fox, Christopher Lloyd.</p>
        </div>

        <div class="fimg">
            <img src="outcome_7_poster.jpg" height="94%" width="94%">
        </div>

        <footer>
            <div class="logo"><img src="logo.png"></div>
            <div class="sitemap">
            <nav>
                <ul>
                    <p>SITEMAP</p>
                        <li><a href=“index2.html”><u>Home</u></a></li>
                        <li><a href=“discover.html”><u>Discover</u></a></li>
                        <li><a href=“about_us.html”><u>About Us</u></a></li>
                        <li><a href=“contact.html”><u>Contact</u></a></li>
                </ul>
            </nav>
            </div>
            <div class="getintouch">
            <ul>
                <p>GET IN TOUCH</p>
                    <li>hello@whattowatch.com</li>
                    <li>(02)8156 8902</li>
            </ul>
            </div>

        </footer>
    </body>
</html>

1 个答案:

答案 0 :(得分:2)

我认为问题在于你的引号。

这是你的代码:

        <ul>
            <p>SITEMAP</p>
                <li><a href=“index2.html”><u>Home</u></a></li>
                <li><a href=“discover.html”><u>Discover</u></a></li>
                <li><a href=“about_us.html”><u>About Us</u></a></li>
                <li><a href=“contact.html”><u>Contact</u></a></li>
        </ul>

虽然它应该是:

        <ul>
            <p>SITEMAP</p>
                <li><a href="index2.html"><u>Home</u></a></li>
                <li><a href="discover.html"><u>Discover</u></a></li>
                <li><a href="about_us.html"><u>About Us</u></a></li>
                <li><a href="contact.html"><u>Contact</u></a></li>
        </ul>

如您所见,我将替换为"。这解决了我的问题。

PS:请确保使用https://validator.w3.org/#validate_by_input等验证服务验证您的代码,因为您的HTML中有很多错误。