An HTML editor is a simple text-based computer program. An experienced programmer can also use a simple text editor to write HTML code.
However, HTML editors differ from pure text editors in that they are integrated in a development environment or offer numerous additional functions:
- Automatic detection of HTML tags
- Detection of syntax errors
- Autocomplete function
- Shortcuts for common tags
- Extended use for PHP
- Editing of HTML code directly in the layout of a web document (WYSIWYG editors)
HTML editor recommendation
You can use a professional HTML editor to edit HTML. The rookie tutorial recommends several commonly used editors:
- VS Code: https://code.visualstudio.com/
- Sublime Text: http://www.sublimetext.com/
- Notepad++ : https://notepad-plus-plus.org/downloads/
You can download the corresponding software from the official website of the above software and install it according to the steps.
Next we will show you how to use the VS Code tool to create HTML files.
About Visual Studio Code
Visual Studio Code (VS Code for short) is an open source code editor developed by Microsoft that supports Windows, Linux and macOS and other operating systems at the same time. The editor has built-in extension management functions.
VS Code installation tutorial reference:
Step 1: Create a new HTML file
After VS Code is installed, select “File (F)->New File (N)”, and enter the following code in the new file:
< ! DOCTYPE html > <html> <head> < meta charset = " utf-8 " > < title > Tutorial for HTML (tutorialsbyte.com) </ title > </ head > < body > < h1 > This is a first Heading </ h1 > < p > My first paragraph. </ p > </ body > </ html >
Step 2: Save as HTML file
Then select “File (F)->Save As (A)”, the file name is index.html:
When you save an HTML file, you can use either the .htm or .html extension. There’s no difference between the two, it’s entirely up to your preference, I’d recommend using .html in unison .
Save this file in an easy-to-remember folder, like html-tutorials
Step 3: Run this HTML file in your browser
Then right-click the filename on the editor and select Open in default browser.
Output: This is a first Heading My first paragraph.