HTML Editor

Recommended HTML Editors

You can use professional HTML editors to edit HTML. Tutorialpro.org recommends several commonly used editors:

VS Code: https://code.visualstudio.com/
Sublime Text: http://www.sublimetext.com/
Online Editor: https://c.tutorialpro.org/front-end/61/

You can download the corresponding software from the official websites of the above tools and install them by following the steps.

Next, we will demonstrate how to create an HTML file using the VS Code tool.

VS Code

Visual Studio Code (VS Code) is an open-source code editor developed by Microsoft, supporting Windows, Linux, and macOS operating systems, with built-in extension management features.

VS Code Installation Tutorial: https://www.tutorialpro.org/w3cnote/vscode-tutorial.html

Step 1: Create a New HTML File

After installing VS Code, select "File(F)->New File(N)", and enter the following code in the new file:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>tutorialpro.org(tutorialpro.org)</title>
</head>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Step 2: Save As HTML File

Then select "File(F)->Save As(A)", and name the file tutorialpro.html:

When you save the HTML file, you can use either .htm or .html as the extension. There is no difference between the two, and it's entirely up to your preference. I recommend using .html consistently.

Save this file in an easily memorable folder, such as tutorialpro.

Step 3: Run the HTML File in a Browser

Right-click the file name in the editor and select "Open in Default Browser" (or another browser):

Note: Opening HTML files in a browser within VS Code requires the installation of the "open in browser" extension.

The result should look similar to this:

VS Code and Sublime Text can also be used with the Emmet plugin to increase coding speed.

Emmet Official Website: http://emmet.io/

❮ Html5 App Cache Html Summary ❯