HTML跳转至别的页面

1。我们经常用上网点击网页内容的时候,会跳转到别的网页,或者是本网站的另一页,那么问题来了,如何实现的的呢 。

2.其实在HTML中实现这样的效果其实不难,首先我们要学习的是跳转页面的路径,一般分为两种:

    绝对路径;

    相对路径;

3.那么什么是绝对路径呢?什么时候我们应该用绝对路径。第一,绝对路径适合站外资源,顾名思义,就是局域网以外的,比如我们要链接到其他的网站,那么这个就得用绝对路径;

书写格式:

                假如我们链接到百度

                  <a href="www.baidu.com" target="_blank">百度网站</a>
 
                   我们只需要在herf的后面写上我们要链接的网站,那么当我们点击的是  百度网站的时候就会实现我们想要的效果。   
 
4.那么什么是相对路径呢 。其实也很好理解 ,就是在同一个局域网内,或者是同一个项目里面。那么我们这个时候就得用相对路径;
 
书写格式:
 
               假如我有一个项目:
                css: 
                       #deng.css
                       #hao.css
                html:
                      #deng.html
                      #hao.html
              此时我在deng.html则个页面中,我想要跳转到#hao.html中去;
                 <a href="./hao.html" target="_blank">班组名单</a>
            ./代表文件在同一级,必须记住的是使用相对路径的时候,必须在同一级才能寻找。如果不在一个文件中,那么就需要用../上一级来跳转。有多少级就用多少个../。直到在同一级的位置在开始书写他的地址。
 
posted @ 2018-08-12 22:42  Louismm  阅读(19144)  评论(0编辑  收藏  举报