码迷,mamicode.com
首页 > Web开发 > 详细

HTML跳转至别的页面

时间:2018-08-12 23:35:58      阅读:1513      评论:0      收藏:0      [点我收藏+]

标签:网站   必须   相对路径   跳转页面   如何   target   常用   blank   有一个   

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>
            ./代表文件在同一级,必须记住的是使用相对路径的时候,必须在同一级才能寻找。如果不在一个文件中,那么就需要用../上一级来跳转。有多少级就用多少个../。直到在同一级的位置在开始书写他的地址。
 

HTML跳转至别的页面

标签:网站   必须   相对路径   跳转页面   如何   target   常用   blank   有一个   

原文地址:https://www.cnblogs.com/dmiao/p/9465339.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!