HTML 编辑器

HTML 编辑器推荐

可以使用专业的 HTML 编辑器来编辑 HTML，菜鸟教程为大家推荐几款常用的编辑器：

Notepad++：https://notepad-plus-plus.org/
Sublime Text：http://www.sublimetext.com/
VS Code：https://code.visualstudio.com/

你可以从以上软件的官网中下载对应的软件，按步骤安装即可。

接下来我们将为大家演示如何使用Notepad++工具来创建 HTML 文件，其他两个工具操作步骤类似。

Notepad++

Notepad++是 Windows操作系统下的一套文本编辑器(软件版权许可证: GPL)，有完整的中文化接口及支持多国语言编写的功能(UTF8技术)。

步骤 1: 新建 HTML 文件

在 Notepad++ 安装完成后，选择" 文件(F)->新建(N) "，在新建的文件中输入以下代码：

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html>

步骤 2: 另存为 HTML 文件

然后选择" 文件(F)->另存为(A) "，文件名为 runoob.html:

当您保存 HTML 文件时，既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别，完全根据您的喜好。

在一个容易记忆的文件夹中保存这个文件，比如 runoob

步骤 3: 在浏览器中运行这个 HTML 文件

启动您的浏览器，然后选择"文件"菜单的"打开文件"命令，或者直接在文件夹中双击您的 HTML 文件,

运行显示结果类似如下:

Notepad++ 和 Sublime Text 还可以配合 Emmet 插件来提高编码速度。

Emmet 官网：http://emmet.io/

HTML (3)---HTML编辑器相关推荐

lisp协议instand_分享|Linux 上 10 个最好的 Markdown 编辑器
在这篇文章中,我们会点评一些可以在 Linux 上安装使用的最好的 Markdown 编辑器. 你可以在 Linux 平台上找到非常多的的 Markdown 编辑器,但是在这里我们将尽可能地为您推荐 ...
Linux shell 学习笔记（6）— vim 编辑器使用方法及技巧
1. 检查 vim 软件包 1.1 CentOS 发行版 $ alias vi alias vi='vim' $ $ which vim /usr/bin/vim $ $ ls -l /usr/bin ...
Centos7 下安装VIM编辑器
我们在安装完Centos后,它默认的是安装了VI编辑器,VIM是没有安装的,所以我们在使用vim test.txt时会提示: vim command not found ... 这就是说明我们的Lin ...
Django 第三方引用富文本编辑器6.1
借助富文本编辑器,管理员能够编辑出来一个包含html的页面,从而页面的显示效果,可以由管理员定义,而不用完全依赖于前期开发人员此处以tinymce为例,其它富文本编辑器的使用可以自行学习使用编辑器 ...
Vim编辑器的常用快捷键.
Linux中的文本操作离不开Vim编辑器的使用. Vim编辑器的使用相对门槛较高.需要挺长一段时间的适应. 总结一些Vim使用过程中常用的命令(这些命令基本上都是在vim的命令模式下使用) 1.跳转到 ...
《学习vi编辑器》的学习笔记1
第一章 vi文本编辑器打开文件vi [filename] 输入:q在缓冲区中内容和磁盘内容一致的时候退出,否则就需要输入:q!来忽略这个限制,不保存缓冲区,直接退出命令模式:每次输入都表示一个命令 ...
atom创建html文件夹,如何在Atom文本编辑器中按文件类型设置默认语法？
简易模式:包含如果您的语言真的只是HTML,则可以设置一个简单的程序包来处理此问题. 创建一个名为langugage-ejs的程序包,并在grammars/ejs.cson中添加HTML,使其具有您 ...
matlab怎么没有编辑器,在不打开编辑器窗口的情况下开始一个新的MATLAB会话
这是因为,当MATLAB打开时,它会跟踪加载到编辑器中的文件以及每个文件的显示参数.这些信息存储在以下位置. fullfile(prefdir, 'MATLABDesktop.xml') 没有为你当前 ...
4 关卡编辑器_虚幻引擎4与生存游戏产生化学反应，超真实开放世界手游诞生
从<绝地求生>到<街霸5>.从<最终幻想7重制版>到<黑神话:悟空>,这些人气产品有着一个共同的特点:都使用虚幻引擎开发.11月27日举行的虚幻引擎技术 ...
织梦 html 优酷,让织梦CMS的后台编辑器支持优酷视频
***近做了一些视频教程传到优酷网站上,但我想引入这些视频教程到我的网站,在发表时我发现织梦DEDECMS自带的编辑器又不直接支持优酷等视频网站的引用. 所以为了方便教程的发布,特意在网站搜索到本篇教 ...

HTML (3)---HTML编辑器