tutorialstonight logo
A Platform To Learn To Code

HTML TEXT EDITOR



The purpose of studying HTML text editors is necessary here because an HTML file is a text file and we need a text editor to edit and create HTML files.

HTML text editor is a word processing program that allows us to open, view and modify the text file.

HTML text editors are used by a variety of people like web developers, software programmers etc.

Different HTML text editors come with different functionalities to improve user experiences.


HTML text editors

Here we are going to talk about different types of HTML text editors that you can use for building and editing HTML files.

Some of the editors come with many functionality which can create basic layout of a webpage just by writing a few keys or can auto close the tags. So we recommend for beginners not to use such a text editor (But can be used later after understanding how tags should be written).

List of text editor mensioned in this section are:

  1. Window Notepad
  2. Notepad++
  3. Sublime Text Editor
  4. Visual Studio Code


1.) Windows Notepad (Beginners)

Notepad is a simple text editor which is generally used to create .txt files.

Here are steps to create an HTML file in notepad.

Step 1:- Open Notepad ( Right click mouse pointer or search for notepad)

step 1 notepad

Step 2:- Write your HTML codes.

step 2 notepad

Step 3:- Save the file with an .html extension.

step 3 notepad

Step 4:- Now your file is an HTML file. Click on the file and open it in the browser.


2.) Creating HTML file using Notepad++

Notepad++ is also a simple text editor which you can download and install to use.

Here are steps to create an HTML file in notepad++.

Step 1:- Open Notepad++

step 1 notepad++

Step 2:- Write your HTML codes.

step 2 notepad++

Step 3:- Save the file with an .html extension.

step 3 notepad++

Step 4:- Now your file is an HTML file. Click on the file and open it in the browser.


3.) Creating HTML file using Sublime

Sublime is a special HTML text editor which is specially designed to create and edit HTML files. It comes with various functionalities. you can download Sublime and install to use.

Here are steps to create an HTML file in Sublime.

Step 1:- Open Sublime text editor.

step 1 sublime

Step 2:- Write your HTML codes.

step 2 sublime

Step 3:- Save the file with an .html extension.

step 3 sublime

Step 4:- Now your file is an HTML file. Click on the file and open it in the browser.



4.) Creating HTML file using Vs Code

Visual Studio Code is a special HTML text editor which can create and edit HTML files. It comes with various functionalities and extensions. It is one of the best text editors. you can download Vs code and install to use.

Here are steps to create an HTML file in Vs Code.

Step 1:- Open Vs code text editor. Click on file on top left and then click on new file.

step 1 vscode

Step 2:- Write your HTML codes.

step 2 vscode

Step 3:- Save the file with an .html extension.

step 3 vscode

Step 4:- Now your file is an HTML file. Click on the file and open it in the browser.

HTML Basics