Editors

Write HTML Using SublimeText, Brackets and Visual Studio Code

(Difficulty Level - Advanced)

Advanced editors like SublimeText, Brackets and Visual Studio Code give us a lot of functionalities.

In this section we will learn how to install advanced editors.

You can install any of these editors as per your choice.

We will be using Brackets for our tutorial.

Step 1:
Installing Brackets


Installing SublimeText

(Optional)

Installing Visual Studio Code

(Optional)

If you perfer basic text editors

Get the details here




Step 2: Write Some HTML

Open your text editor and write or copy some HTML into Brackets, SublimeText or Visual Studio Code.

<!DOCTYPE html>
<html>
<body>

<h1>This is h1 heading </h1>

<p>This is paragraph</p>

</body>
</html>

Step 3:
Save the HTML Page

Save the file on your computer. Select File > Save in the File menu.

Name the file "index.html".



Step 4: View the HTML Page in Your Browser

Open the saved HTML file in your favorite browser (double click on the file, or right-click - and choose "Open with").

The result will be similar to following figure.

View the HTML Page using Live Preview

(Optional)

Open the saved HTML file in Google Chrome by clicking the Live Preview button in Brackets. It is a small flash symbol on the right menu bar.

A new window will open in Google Chrome. You can watch the video below.