准备工作

  设置Editplus默认的打开浏览器为系统默认浏览器

  取消Editplus的临时缓存文件

  ☆ 设置不生成临时文件

  这里的临时文件,指的是.bak文件,当你在Editplus下修改任意一个文件时,都会生成对应的.bak缓存文件。此种情况一致让人头疼,因为该文件目前没有任意意义。

  操作步骤: 打开Editplus,找到Tools菜单点击该菜单,看到Preferences菜单项点击它。然后弹出一个窗体,在左边的找 File(文件)一项点击它。看右边的,去掉第一个的勾选(如果比较懒,就去掉所有的勾选)。

  

  然后点击ok,生成临时文件已被取消。

  ☆ 设置在系统默认浏览器中查看HTML效果

  虽然Editplus自带浏览器,但对部分HTML支持不够友好。而且对一些测试跟踪和观看起来也不方便。

  操作步骤:打开Editplus,找到Tools菜单点击它,然后找到Preferences点击它,这时弹出一个窗口,在左边找Tools项,点击它。然后在右边看到两个下拉框,第一个一般默认是Browser1(浏览器1),第二个选择System default browser(系统默认浏览器)。如果

想用其他浏览器,可以点击Other browser (specify location)(其他浏览器),然后选择此浏览器安装目录下的.exe文件即可。

  

  ok,做完以上设置,就可以开发HTML了。

  ☆ 开发HTML

  打开Editplus,找File(新建)菜单点击它,然后在New(新建)菜单项中找一个HTML Page(html页面)这项,点击该项,软件会生成一个未保存的HTML代码格式页面。

  接下来,按ctrl+s 或点击绿色的保存按钮(绿色的软盘图标样式),选择文件要保存的位置,对文件的名字进行定义。然后点击保存。

  此时,就可以在代码中编写内容。如,我在body标签中编写的代码

  ...

  <body>

  <h1>你好</h1>

  欢迎来到凯哥学堂学习Java!

  </body>

  ...

  写完上面代码,保存。然后在快速工具栏上找一个小球(有点类似地球) 或按ctrl+b ,这是在浏览器中观看HTML做成的效果。

  小技巧:

  此时不要关闭浏览器,根据浏览器显示结果,可以去修改Editplus中的HTML代码,然后保存,保存后返回到浏览器上刷新页面,观看结果。如此重复知道满意。

  ☆ 后记

  在HTML代码界面时,看上面的工具栏,有很多快速生成HTML的方式,大家可以自行捉摸。熟悉他们后,你的编码速度将会飞速提升。

技术分享:www.kaige123.com

用Editplus开发HTML的更多相关文章

  1. EditPlus开发Python的简单设置

    EditPlus是一个功能强大的编辑器,这里介绍用它来开发Python程序所需要的简单设置. 环境:win7 1.设置Python语法缩进: [1]工具-->设置用户自定义工具 [2]在分类面板 ...

  2. 用Editplus开发Java

    ☆ 准备工作 ①,已安装好jdk,同时配置系统变量(3个,JAVA_HOME,PATH,CLASSPATH) ②,电脑已安装Editplus,并做好设置. ☆ Editplus配置java开发环境 对 ...

  3. 【搬砖】安卓入门(1)- Java开发入门

    01.01_计算机基础知识(计算机概述)(了解) A:什么是计算机?计算机在生活中的应用举例 计算机(Computer)全称:电子计算机,俗称电脑.是一种能够按照程序运行,自动.高速处理海量数据的现代 ...

  4. 使用Editplus和Dev C++配置C++的编译运行环 境

    或许大家会有疑问,为何不直接使用VC;VS;或Dev这些IDE呢?何必舍近求远.主要是因为写程序这么多年来已经习惯了Editplus,包括他的快捷键,语法自动完成,语法提示等等,Editplus用了这 ...

  5. 【Java】 环境变量如何配置?

    Java知识简介与环境变量配置问题 一.在学习一门语言中,不仅需要掌握其语法结构,开发平台以及环境也是很重要的.在开始Java学习之前首先对其进行压缩包的下载安装,以及开发平台环境下载安装.基于此下面 ...

  6. JavaEE基础(一)

    1.计算机基础知识(计算机概述) A:什么是计算机?计算机在生活中的应用举例 计算机(Computer)全称:电子计算机,俗称电脑.是一种能够按照程序运行,自动.高速处理海量数据的现代化智能电子设备. ...

  7. java学习之路之javaSE基础1

    <h2>java学习之路之javaSE基础1</h2> <div> ###01.01_计算机基础知识(计算机概述)(了解)* A:什么是计算机?计算机在生活中的应用 ...

  8. day01<计算机基础知识&Java语言基础>

    计算机基础知识(计算机概述) 计算机基础知识(软件开发和计算机语言概述) 计算机基础知识(人机交互) 计算机基础知识(键盘功能键和快捷键) 计算机基础知识(如何打开DOS控制台) 计算机基础知识(常见 ...

  9. 01java基础笔记

    计算机组成:运算器,控制器,存储器,输入输出设备(外部设备I/O设备) 机器语言:机器语言,汇编语言,高级语言 人机交互:命令行方式,图形化界面交互方式 JAVA语言平台分为:J2SE,J2ME,J2 ...

随机推荐

  1. [SVN(Ubuntu)] SVN 查看历史详细信息

    转载: http://lee2013.iteye.com/blog/1074457 以下内容,对ubuntu命令行查看代码变化非常有用. SVN 查看历史信息 通过svn命令可以根据时间或修订号去除过 ...

  2. mongoose学习笔记1--基础知识2

    Schema简述 Schema —— 一种以文件形式存储的数据库模型骨架,无法直接通往数据库端,也就是说它不具备对数据库的操作能力,仅仅只是数据库模型在程序片段中的一种表现,可以说是数据属性模型(传统 ...

  3. Windows下进程间通信及数据共享

    进程是装入内存并准备执行的程序,每个进程都有私有的虚拟地址空间,由代码.数据以及它可利用的系统资源(如文件.管道等)组成. 多进程/多线程是Windows操作系统的一个基本特征.Microsoft W ...

  4. Android中几种定位 方式

    介绍的几种定位方式 http://www.cnblogs.com/cuihongyu3503319/p/3863867.html 百度地图api: http://lbsyun.baidu.com/in ...

  5. CodeIgniter - 集成七牛云存储

    最近有一个项目需要集成七牛云存储的图片存储和调用功能,程序是基于CodeIgniter2.1.3的PHP框架.刚拿到手完全无从下手的感觉,因为像框架这种东西,想从官方的PHPSDK集成进去,需要改动很 ...

  6. WPF入口Application

    1.WPF和 传统的WinForm 类似, WPF 同样需要一个 Application 来统领一些全局的行为和操作,并且每个 Domain (应用程序域)中只能有一个 Application 实例存 ...

  7. php session跨页面传递 session值丢失问题

    .session_start();应该尽量放置到页面的顶部: .如果php.ini里面没有配置 session Autostart的话,每次会话之前,都得手动开启session:session_sta ...

  8. 如何使用SAE的Storage

    转自:http://blog.csdn.net/xujainxing/article/details/8981904 Storage在里面当然可以创建文件夹,只不过无法通过代码创建,而是在后台管理页面 ...

  9. Struts表单格局;theme三个属性值:simple,xhtml,css_xhtml

    转自:http://www.educity.cn/wenda/7156.html 解决Struts2 Form表单自己布局之前先看看 theme 属性, theme属性提供 三个属性值:simple, ...

  10. SQL Server:在事务中回滚TRUNCATE操作

    我们一般都认为TRUNCATE是一种不可回滚的操作,它会删除表中的所有数据以及重置Identity列. 如果你在事务中进行TRUNCATE操作,就能回滚.反之,它就不会从日志文件文件恢复数据.它不会在 ...