如何让页面从html中的链接跳转?

时间:2013-10-14 20:49:27

标签: javascript jquery html css

这是我的网站http://web.njit.edu/~dp257/boilerplate/Org.html 我正在尝试这个只是为了“万维网”,因为它在底部,当我点击它,它删除页面的其余部分,除了该定义,我的头正在伤害尝试解决这个问题。单击侧栏上的万维网链接以查看其功能。

<div id="wrapper">
        <header id="name" align="center">IS117 TERMS</header>
         <div id="primary_links" align="center">
            <ul>
                <li><a href="website.html">Home</a></li>
                <li><a href="CSS.html">CSS</a></li>
                <li><a href="HTML.html">HTML</a></li>
                <li><a href="Org.html">Organizations</a></li>
                <li><a href="Tech.html">Technologies</a></li>

            </ul>
        </div>

            <div id="content">
                <h1>Organizations</h1>

        <p>
            Client- the computers and devices that use web applications
        </p>
        <p>
            Internet exchange point-a point in the world that connect many WAN’s 
        </p>
        <p>
            Internet- global system of interconnected networks
        </p>
        <p>
        Internet service provider- Someone or company who owns a WAN and leases its access to their network
        </p>
        <p>
            Intranet- network where only employees can run web applications typically they are in the same area
        </p>
        <p>
            Local area network- a small network of computers that are near each other and communicate over short distances
        </p>
        <p>
            Network-a system that allows clients and servers to communicate
        </p>
        <p>
            W3C-world wide web consortium, group that develops standards, for code
        </p>
        <p>
            Web browser-programs that access web pages
        </p>
        <p>
            Web server- holds the files that make up a web application
        </p>

        <p>
            WHATWG-community of people interested in evolving html, big source of info
        </p>
        <p>
            Wide area network-2 or more LAN’s connected by a router
        </p>

        <p id = "p5">
             World wide web-components that bring together a web page to your desktop over the internet
        </p>



        </div> <!-- content -->


    <div id="sidebar">
    <div id="secondary_links">
        <ul>
            <li><a href="#">Client</a></li>
            <li><a href="#">Internet Exchange Point</a></li>
            <li><a href="#">Internet</a></li>
            <li><a href="#">Internet Service Provide</a></li>
            <li><a href="#">Intranet</a></li>
            <li><a href="#">Local Area Network</a></li>
            <li><a href="#">Network</a></li>
            <li><a href="#">W3C</a></li>
            <li><a href="#">Web Browser</a></li>
            <li><a href="#">Web Server</a></li>
            <li><a href="#">WHATWG</a></li>
            <li><a href="#">Wide Area Network</a></li>
            <li><a href="#p5">World Wide Web</a></li>               
        </ul>
     </div>
 </div>
</div>

1 个答案:

答案 0 :(得分:3)

没有ID p5的段落。只需将p5的ID添加到第五段(或您希望页面转到的那一段)。不需要锚或其他添加的元素

<p id='p5'>
    Intranet- network where only employees can run web applications ...
</p>

href需要指向网址。如果导航到页面的新部分,则需要使用ID,然后会影响URL

Demo jsFiddle

相关问题