All about HTML Editors

programming, code, code editor-3652497.jpg

What is an Editor?

In order to execute changes and create a content for your website, you must write a series of codes so that the changes can be seen in your website. That is when a code editor comes to the picture.

A code editor is a document that is used to make changes or write codes for your website. It supports all kinds of programming languages like JavaScript, HTML, C++ etc.

Types of Editors

There are various codes editors in the coding community (free/paid) that are used by various programmers to write the code script for your website. Today, we are going to discuss them in detail for you so that you can start working and create your websites easily.


A free in-build code editor software which is available in everyone’s computer. Notepad is one of the lightest and free code-editor that is used to write and execute HTML codes for your website.

You can find it by following the below steps-

Step 1: Open the Text Editor (Notepad) in your computer:

  • Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.
  • Windows 7 or earlier: Open Start > Programs > Accessories > Notepad

<!DOCTYPE html>

<h1>My First Heading</h1>

<p>My first paragraph.</p>


Step 2: Save the HTML file

After writing the code, save the file on your computer. Select File > Save as in the Notepad menu.

Name the file “index.htm“/”index.html“, you may save it by any other name apart from “index” but make sure that you use .htm/.html as the extension to save the notepad editor in your computer

Step 2: 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 look much like this:


Scroll to Top
Call Now!