在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>
初次总结不够完善,我会慢慢成长的,脚下的路还很长。
在sublime_text3中实现项目的跳转的更多相关文章
- Node.js中的不安全跳转如何防御详解
Node.js中的不安全跳转如何防御详解 导语: 早年在浏览器大战期间,有远见的Chrome认为要运行现代Web应用,浏览器必须有一个性能非常强劲的Java引擎,于是Google自己开发了一个高性能的 ...
- 如何将Eclipse中的项目迁移到Android Studio 中
如何将Eclipse中的项目迁移到Android Studio 中 如果你之前有用Eclipse做过安卓开发,现在想要把Eclipse中的项目导入到Android Studio的环境中,那么首先要做的 ...
- 【笔记】android sdk集成的eclipse中导入项目
android sdk集成的eclipse中导入项目 想要把旧的ADT项目,一模一样的导入进来,需要: 1.把项目放到,非当前ADT的workspace目录下: 2.从Project中Import,选 ...
- 在WeX5中导入项目
在WeX5中导入项目 首先右击,选择[导入]--[导入] 得到如下的对话框,选择[现有项目到工作空间中] 在导入对话框中选择相应的根目录,选择相应的项目,确定 点击完成即可.这样一个项目就被导入到了W ...
- 开发环境中biztalk项目设置注意事项(转)
适用版本:biztalk 2006 适用环境:开发测试环境 在开发过程中,在开发环境中,一定会是一个对项目不断的修改.编译.部署.测试,查看测试结果,发现有问题,然后回到开发环境再修改.编译.部署 ...
- eclipse 本地项目提交到远程库以及从远程库中添加项目 ---git
本地项目提交到远程库 1.右击项目->team->share project 2.选择本地库 从远处库中的项目拉到本地 1.右击项目->import项目
- eclipse中导入项目后中文成乱码解决办法
转自:http://blog.163.com/lang_zi_ming/blog/static/1140161762010412112650774/ 编程时在往eclipse中导入项目后 项目中的中文 ...
- 关于myeclipse中maven项目转换相关设置
关于myeclipse中maven项目转换相关设置 在myeclipse菜单中,Configure->Convert to Maven Project 这个菜单 如果没有的话,需要做如下设置: ...
- [转]-如何将Eclipse中的项目迁移到Android Studio 中
英文地址:http://developer.android.com/sdk/installing/migrate.html 翻译:Android Studio 中文组(大锤译) 如果你之前有用Ecli ...
随机推荐
- Ajax+Ashx实现以及封装成控件的实现
asp.net 后台多线程异步处理时的 进度条实现一(Ajax+Ashx实现以及封装成控件的实现) 工作好长时间了,这期间许多功能也写成了不少的控件来使用,但是,都只是为了代码的结构清析一些而已.而这 ...
- CLR基础之一---认识CLR [《CLR via C#》读书笔记]
<CLR via C#>读书笔记 什么是CLR CLR的基本概念 通用语言运行平台(Common Language Runtime,简称CLR)是微软为他们的.Net虚拟机所选用的名称.这 ...
- Model 验证
[ASP.NET MVC 小牛之路]16 - Model 验证 上一篇博文 [ASP.NET MVC 小牛之路]15 - Model Binding 中讲了MVC在Model Binding过程中如何 ...
- window wamp下xhprof的安装使用,Graphviz配置
在新的工作安排下来前赶紧把手上工作优化下,本来是靠xdebug+grindview来的,不过还是麻烦,就换上这个轻量级的性能测试了.网上搜的大多都是lamp环境下的,wamp下的倒是不多,而且不好用, ...
- socket网络编程快速上手(二)——细节问题(3)
3.SIGPIPE问题 人怕牺牲,我们写的程序也一样,人有死不瞑目,程序又何尝不是?程序跑着跑着,突然就崩掉了.好一点的牺牲前告诉你些打印,差点的也能用core文件等一些手段查出死在哪了,最惨不忍睹的 ...
- 转---高并发Web服务的演变——节约系统内存和CPU
[问底]徐汉彬:高并发Web服务的演变——节约系统内存和CPU 发表于22小时前| 4223次阅读| 来源CSDN| 22 条评论| 作者徐汉彬 问底Web服务内存CPU并发徐汉彬 摘要:现在的Web ...
- iOS 开发问题集锦(一)
最近在QQ群里好多人问一些比较基础的问题,在这罗列一下: 1.键盘上的斜杠键坏掉了,怎么样用快捷键进行注释呢? 首先在Xcode中注释的默认快捷键为:command+/: 其次可以自行修改快捷键:Xc ...
- C++ 中内存分配和回收
void Allocate(char* &p,int size) { p = (char*)malloc(size); } void Test(void) { char *str = NULL ...
- Linux内核学习趣谈
本文原创是freas_1990,转载请标明出处:http://blog.csdn.net/freas_1990/article/details/9304991 从大二开始学习Linux内核,到现在已经 ...
- 关于LAMP的配置之(虚拟机的安装、创建、配置)
一.先安装好VMware (1)根据电脑系统是多少位的,可以从网上下载相应的虚拟机VMware (2)下载好了之后,就可以先行安装虚拟机,双击打开VMware的安装程序 (3)再出现的对话框中,点击& ...