在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 ...
随机推荐
- dapper 扩展插件: Rainbow
dapper 扩展插件: Rainbow dapper 是一个效率非常高的orm 框架 ,效率要远远大于 我们大微软的EF . 它只有一个类文件,非常之小. 1,首先下载dapper 这里下 ...
- T-SQL 随机返回特定行数据和分页查询
T-SQL 随机返回特定行数据和分页查询 T-SQL 语言相较于标准SQL添加了很多特性,为了提高SQL Server的表现,是有必要深入了解的,面试时一般也会包含这两个小问题. 首先,是在一个Adv ...
- SOCKET网络编程细节问题（2）
SOCKET网络编程快速上手(二)——细节问题(2) 2.TCP数据包接收问题 对初学者来说,很多都会认为:客户端与服务器最终的打印数据接收或者发送条数都该是一致的,1000条发送打印,1000条接收 ...
- IceMx.Mvc 我的js MVC 框架四、试水植物大战僵尸（雏形版）
有图有真相 开始 最近老婆在家迷上了植物大战僵尸,每天回去躺床上就玩,有一天居然跟我说冰箱后边爬着好几只僵尸,当时我就惊呆了,后来才知道她是在说蟑螂,我去. 闲言少叙,书归正传,这是一个雏形,没有在界 ...
- Combo模糊匹配中文问题
茗洋Easy UI 1.3.2 部分问题解决系列专题[Combo模糊匹配中文问题 修复] 本次给大家带来的EasyUI的我研究拓展的新特性 我使用的是 EasyUI 1.3.2版本的,项目是ASP. ...
- Castle Windsor 项目中快速使用
Castle Windsor 项目中快速使用 新建项目如下: 一个模型类,一个接口,一个实现方法.我的目的很明确就是在UI层通过Castle 调用数据访问层的方法. 添加项目引用 CastleDemo ...
- Linux下SSH+Firefox
Linux下SSH+Firefox 简明FQ攻略 FQ的软件有很多,楼主原来在Windows下用过Tor(洋葱头).Puff.freegate等,一般只需要打开FQ软件,简单的设置后就可以FQ浏览了. ...
- gettimeofday(struct timeval *tv, struct timezone *tz)函数
gettimeofday(struct timeval *tv, struct timezone *tz)函数 功能:获取当前精确时间(Unix时间) 其中: timeval为时间 truct tim ...
- Android Device Chooser中显示Target unknown解决方法
手机插在电脑上准备调试程序来着,通过eclipse运行时,弹出的Android Device Chooser中显示设备名是?????,Target未知,无法继续运行. 可以通过以下步骤解决(Ubunt ...
- AS代码优化和Flex应用程序的性能
1.在局部变量够用时,不要使用全局变量.类静态变量也要少用.全局变量是开发者的恶梦.实在需要全局变量的话,我建议使用singleton设 计模式来进行管理. 2.读取数组中的数据,尽量使用for in ...