当前位置:首页>HTML>HTML教程>HTML编辑器

HTML编辑器

作者:微学网发布时间:2019-08-03 17:30:48

HTML编辑器推荐

HTML文件三种编写方法

手工直接编写

由于HTML语言编写的文件是标准的ASCII文本文件,所以我们可以使用任何文本编辑器来打开并编写HTML文件,如Windows系统自带的记事本。

使用可视化软件

可以使用WebStorm、Dreamweaver、Sublime、VS Code等软件进行可视化的网页编辑制作。

由Web服务器一方实时动态生成

这需要通过后端的网页编程来实现,如JSP、ASP、PHP等,一般情况下需要数据库的配合。

HTML编辑器使用推荐

微学网 为大家推荐了最常见使用的HTML编辑器,新手推荐Notepad++或者Sublime Text,专业使用推荐VS CodeWebStorm

您可以从以上链接的官网下载对应的软件,也可以自行百度下载,自行安装。

Linux 用户也可以选择几种不同的文本编辑器,如 vivim 或者 emacs
Mac 用户可以使用 OS X 预装的 TextEdit

使用window自带记事本 或者 Nodepad++

Nodepad++是一款比较流行和强大的文本编辑工具。

第一步

在软件安装完毕后,选择“文件”->“新建”,在新的文件中写入如下的代码

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>微学网(weixue.wang)</title>
</head>
<body>
 <h1>我的标题</h1>
 <p>我的段落。</p>
</body>
</html>

notepad++编写HTML教程

第二步

编写完毕,文件另存为demo.html,既可以存储为.html格式,也可以存储为.htm格式,二者没有区别,可以存入练习专门使用的文件夹,例如weixue

第三步

启动浏览器,将demo.html文件直接拖入浏览器中运行,或者直接双击文件,关联浏览器打开,显示即所得。

使用Sublime Text

Sublime Text 是一个代码编辑器,也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。
使用Sublime编写html教程

使用 VS Code

VSCode,是一款免费的、开源的、高性能的、跨平台的、轻量级的代码编辑器,同时,在性能,语言支持、开源社区等方面也做的很好。
vscode编写HTML教程

使用可视化软件WebStorm制作页面

WebStorm是JetBrains公司旗下的一款JavaScript开发工具。该软件支持不同浏览器的代码执行效果,同时支持当前流行的JavaScript框架,如jQuery、YUI、Dojo、Prototype、Mootools和Bindows等,被广大JavaScript开发者誉为Web前端开发神器、最强大的HTML5编辑器、最智能的JavaScriptIDE等。

WebStorm是JetBrains拥有的一个JavaScript开发工具。

该软件支持不同浏览器的代码执行效果,支持jquery、yui、dojo、prototype、moootools、bindows等流行的javascript框架。

它被javascript开发人员誉为Web前端开发神器、最强大的HTML5编辑器、最智能的javascript IDE等等。

下载与安装

地址:webstorm
webstorm下载