Html 简明教程
HTML - Editors
为了学习 HTML,我们建议您使用记事本之类的文本编辑器,因为记事本将帮助您了解每个标签的要求,它不会自行提供任何有助于理解 HTML 语法的建议。
To learn HTML we will recommend you to use a text editor like Notepad, because a Notepad will help you to understand the requirement of each tag, it will not suggest anything on its own that will be helpful to understand the HTML syntax.
What are HTML Editors?
HTML 编辑器是在某些情况下编写和运行 HTML 代码的工具。用户可以使用几种 HTML 编辑器(付费和免费)。
HTML Editors are tools to write and run (in some cases) an HTML code. There are several HTML Editors available to the user (paid and unpaid both).
主要有两种类型的 HTML 编辑器 - Text Based 和 WYSIWYG(What You See Is What You Get) 。在本教程中,我们将使用基于文本的编辑器。
There are mainly two types of HTML editors - Text Based and WYSIWYG(What You See Is What You Get). Here in this tutorial we will work with text based editor.
Online Free HTML Editor
这是我们免费使用的 * HTML editor* ,您可以在其中直接编写代码并立即并排查看结果。要测试您的代码或任何代码的一部分,这是最好的方法。您还可以创建新项目并保存项目。
This is our free to use HTML editor, where you can code directly and see the result side by side immediately. This is best, to test your code or part of any code. You can create new projects and save projects also.

Other HTML Code Editors
有很多代码编辑器可以提供许多功能,比如美化您的代码、指示丢失标签等。以下是常用的 HTML 编辑器。
There are lots of code editors that provide lots of features like beautifying your code, indication of missing tags, etc. Following are some of the commonly used HTML Editors.
VS Code:
VS Code 也是由 Microsoft 开发的源代码编辑器。它支持 Windows、Linux 和 macOS。功能包括调试支持、语法高亮显示、代码重构、智能代码补全等。
VS Code is also a source-code editor developed by Microsoft. It supports Windows, Linux and macOS. The features include debugging support, syntax highlighting, code refactoring, intelligent code completion, etc.

Features:
Features:
-
Provide autocompletion that helps us to code in better pace.
-
Multiple plugins that helps us to customize the editor and use unique features.
-
Inbuilt Git command support that help us to commit, marge, etc.
-
Integrated debugging tool support that help us to to debug any code we are working on.
Sublime:
它是一款跨平台源代码编辑器。用 C++ 和 Python 编写。功能包括快速导航至文件、符号或行。允许您同时编辑多个选定区域。
It is a cross-platform source code editor. Written in C++ and Python. The features include quick navigation to files, symbols, or lines. Allows you to simultaneously edit multiple selected area.

Features:
Features:
-
Highly customizable editor, we can choose multiple templates with barietty of features.
-
Easy to switch between projects we are working on.
-
Less comples UI compare to other editors, but have the option to expand elements.
-
Allow making changes on instatnt by selecting same keywords.
Atom:
它是一款免费的开源代码编辑器,能够编辑多种语言。它可自定义的文本编辑器,使其保持独特性。
It is a free open source code editor, which is capable of editing multiple lanaguages. It’s customizable text editor that keeps it unique.

Features:
Features:
-
Provides autocompletion, that helps us to code in a better pace.
-
Access to a massive library of open-source packages to extended functionality.
-
It is supported by all Operating System like windows, linux and macOS.
-
It allow peers coding so we can work with fellow developers.
Notepad++:
记事本是一款免费的源代码编辑器。它用 C 编写,并支持以下功能,比如语法高亮显示、有限的自动补全用于编程、脚本编写等。
Notepad is a free source code editor. It is written in C and supports features like, syntax highlighting, limited auto completion for programming, scripting, etc.

Features:
Features:
-
Highlight syntaxes of HTML, JavaScript, and other languages as well.
-
It provides search and replace option, that can be used to replace same text on multiple places.
-
Easy to navigate between opened files.
-
Use less system resourrces compare to otther editors.
Bluefish:
创建的目标为大型项目,Bluefish 编辑器是效率最高的一个快速编辑器。
It is created to target the large projects, Bluesfish editor is one of the fastest editor with efficiency.

Features:
Features:
-
Extremely fast compare to other editors with low memory usage.
-
Easily handle large files and tackle multiple files as well.
-
It also provide autocompletion, so we can code faster.
-
Supports advance project management, so we can work smoothly not caring about the file management.
Reasons to use an HTML Editor
编辑器提供了一些记事本无法提供的功能。专业编辑器可以提供的功能如下:
Editors offer several features that Notepad can’t. Features that a professional editors can offer are listed below
-
Syntax Highlighting: Highlighting the tags, attributes will help us to verify the code visually.
-
Code Validation: This is the most required feature that a notepad misses, it will indicate the incorrect syntax and missing tags, incorrect attribute or quote for any attribute value.
-
Autocompletion: Autocompletion saves a lot of time to write the basic things like a dummy HTML structure, or multiple element requirements, etc.
-
Debugging Tools: A few HTML editors provide debugging tools to debug the code but in HTML there is no such scenario where it may be required. Because we have code validation that will help us to maintain the code if we make any incorrect move.