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

转载于:https://www.cnblogs.com/dmiao/p/9465339.html

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值