在sublime_text3中实现项目的跳转

     作为学习前端的小白,选择了sublime_text3作为学习的编译器。学习的过程是艰辛的,但也是快乐的。遇到自己不会的,有时候会折腾好几个小时,在实现预期效果的时候,那种兴奋真的难以言述。

     今天,在学习资料的时候,遇到了一个问题:如何实现界面之间的跳转?常用的是<a href="跳转链接">,如:<a href="http://www.baidu.com">百度</a>,当点击百度时,它会自动跳转到百度界面。

     但是,如果想实现跳转到自己编码的界面,该如何去做呢?如:

     

     链接可以实现跳转,当点击“进入网页”时,进入编辑好的另一界面

   

    那么,如何在sublime_text中实现呢?单独进行一个页面的设置比较容易,如何将它们放在一起呢?第一想法是创建一个项目。

    首先,在电脑上建立一个文件夹,之后在sublime_text中的Project下Add Folder to Project,选择刚才所建立的文件夹,它就成了一个小项目,之后,使用快捷键Ctrl+N新建html网页,保存到文件夹下面。也就是说,这个网页属于这一个项目,之后的网页建立亦是如此。如:我建立的文件夹名称是sublime_text实验,下面有三个网页

当执行2.html时,就出现了主页面。

下面是每个网页的源代码:

2.html:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>主页面</title>
</head>
<body bgcolor="yellow">
<center><h2>主页面</h2>
<img src="C:\Users\Administrator\Desktop\总\往期资料\picture\1.png" width="500" height="300"/><br/><br/>
<a href="enter.html">进入网页</a><br/><br/>
<a href="exit.html">离开网页</a><br/><br/>
</center>
</body>
</html>

 

enter.html:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>页面进入</title>
</head>
<body bgcolor="yellow">
<center><h2>页面进入</h2>
<img src="C:\Users\Administrator\Desktop\总\往期资料\picture\2.png" width="500" height="380" /><br /><br />
<a href="2.html">返回</a>
</center>
</body>
</html>

 

exit.html:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>页面离开</title>
</head>
<body bgcolor="yellow">
<center><h2>页面离开</h2>
<img src="C:\Users\Administrator\Desktop\总\往期资料\picture\3.png" width="500" height="380" /><br /><br />
<a href="2.html">返回</a>
</center>
</body>
</html>

 

初次总结不够完善,我会慢慢成长的,脚下的路还很长。

 

转载于:https://www.cnblogs.com/pmlyc/p/6279467.html

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值