zoukankan      html  css  js  c++  java
  • 在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:UsersAdministratorDesktop总往期资料picture1.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:UsersAdministratorDesktop总往期资料picture2.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:UsersAdministratorDesktop总往期资料picture3.png" width="500" height="380" /><br /><br />
    <a href="2.html">返回</a>
    </center>
    </body>
    </html>

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

  • 相关阅读:
    js 那些事二 javascript中的闭包理解
    Java单体应用
    Java单体应用
    Java单体应用
    Java单体应用
    Java单体应用
    Java单体应用
    Java入门
    Java入门
    Java入门
  • 原文地址:https://www.cnblogs.com/pmlyc/p/6279467.html
Copyright © 2011-2022 走看看