As the saying goes: "If you want to do your job well, you must first sharpen your tools." A useful HTML editor can make you more efficient in making HTML web pages and get twice the result with half the effort.
Here are some commonly used editors:
1. Use Notepad or Notepad++ to write HTML
This is the notepad feature that comes with most computers, and we believe that using a simple text editor is a great way to learn HTML.
Step 1: Start Notepad
How to start Notepad:
(1) Start → All Programs → Attachments → Notepad
(2) Start → Enter the command notepad to start Notepad
(3) Create a new text document directly on the desktop
All three methods above are available.
Step 2: Edit HTML with Notepad
Type the HTML code in Notepad:
<!DOCTYPEhtml><html><body><h1>C Language Network</h1><p>Welcome to our website to learn and check in. </p></body></html>
As shown in the picture:
Step 3: Save HTML
Select "Save As" from Notepad's File menu.
When you save an HTML file, you can use either the .htm or the .html extension. There is no difference between the two. Give it a name that is easy to remember, such as test.
Step 4: Run this HTML file in the browser
Start your browser and select the Open File command from the File menu, or double-click your HTML file directly in the folder.
The running display results are similar to the following:
2. Use Visual Studio Code to write HTML
Visual Studio Code is a cross-platform editor for writing modern web and cloud applications that runs on OS X, Windows and Linux. It is also known as the most powerful compiler in the universe. You can download the corresponding software from the official website of the following software and install it according to the steps.
VS Code: https://code.visualstudio.com/
You can download the corresponding software from the official website of the above software and install it according to the steps.
Step 1: Create a new HTML file
After the VS Code installation is complete, select "File (F)->New File (N)" and enter the following code in the new file:
<!DOCTYPEhtml><html><body><h1>C Language Network</h1><p>Welcome to our website to learn and check in. </p></body></html>
Step 2: Save as HTML file
Then select "File (F)->Save As (A)" and the file name is test.html:
Step 3: Run this HTML file in your browser
Then right-click the file name in the editor and choose to open in the default browser (other browsers are also available):
3. HBuilder
HBuilder is a web development IDE launched by DCloud that supports HTML5. HBuilder was written using Java, C, Web and Ruby. The main body of HBuilder itself is written in Java. Fast speed is the biggest advantage of HBuilder. Through complete syntax prompts, code input methods, code blocks, etc., it greatly improves the development efficiency of HTML, js, and css. Hbuilder is a front-end development IDE written by Chinese front-end developers, so its use is more in line with our Chinese development habits. It is very convenient to use HBuilder to write HTML code.
4. AdobeDreamweaverCS
Dreamweavercs6 is a set of code correctors with a visual correction interface launched by Adobe, the top international software manufacturer, that can be used to correct websites and mobile applications. Because it supports coding, splitting, design, real-time view and other methods to create, write and modify web pages, for junior users, you can quickly create web pages without writing any code. Its sophisticated code modification tools are more suitable for the creation of senior web developers! The new version of cs6 uses an adaptive grid layout to create a page. Use multi-screen preview to review the design before publishing, which can greatly improve work efficiency. Therefore, AdobeDreamweaverCS is also a better HTML code corrector.
5. SublimeText3 Chinese version
SublimeText is a corrector software with code highlighting, syntax prompts, automatic completion and fast response. It not only has a gorgeous interface, but also supports plug-in expansion mechanism. It is definitely a pleasure to write code with it. Compared with Vim, which is difficult to use, Eclipse and VS, which are bloated and heavy, and Editplus and Notepad++, which are lightweight and quick to launch, they are generally overshadowed by SublimeText. There is no doubt that this extremely sexy editor is a good choice for coding.
6.Notepad++
Notepad++ is designed to replace the default Notepad in Windows and is much more powerful than Notepad. notepad++ supports plug-ins, and adds corresponding plug-ins to support different functions. In addition to some common plug-ins, there are also some interesting plug-ins, such as the speech plug-in that reads text. Notepad++ is a lightweight text editing software. It starts faster and takes up less resources than some other professional text editing tools, but in terms of functions and applications, it is no less than those professional tools.
7. Editplus
Download address: https://www.editplus.com/
EditPlus is a small but powerful Windows editor produced by South Korea's Sangil Kim (ES-Computing) that can handle text, HTML and programming languages. It is also a very easy-to-use HTML editor. You can even set the user Tools serve as a simple IDE for C, Java, Php and other languages.