What is the basic HTML editor?

Share Your Love

There are lots of basic HTML editors but out of them, we stand on Notepad or TextEdit.

How to create HTML pages Using Notepad or TextEdit?

Professional HTML editors can be used to design and modify web pages.

However, a simple text editor such as Notepad (PC) or TextEdit (Mac) is recommended for learning HTML (Mac).

We feel that learning HTML is best accomplished by utilising a simple text editor.

To make your first web page with Notepad or TextEdit, follow the steps below.

Step-1: To begin, open Notepad (PC)

Windows 8 and up:

Activate the Start Screen (the window symbol at the bottom left on your screen). Notepad is a text editor.

Windows 7 (or previous versions):

Open Notepad by going to Start > Programs > Accessories > Notepad.

Windows 10 > Only click on search > Click On Notepad

Step 1: Open TextEdit (Mac)

TextEdit may be found in Finder > Applications > TextEdit.

Change a few options as well to get the programme to store files appropriately. Choose “Plain Text” from Preferences > Format.

Then, under “Open and Save,” select “Display HTML files as HTML code rather than formatted text.”

Then create a new document in which to paste the code.

Step 2: Write Some HTML

In Notepad, type or copy the following HTML code:

<!DOCTYPE html>

<h1>My First Heading</h1>

<p>My first paragraph.</p>


Step 3: Save the HTML Page

Save the file to your hard drive. In the Notepad menu, go to File > Save as.

Set the encoding to UTF-8 and name the file “index.htm” (which is the preferred encoding for HTML files).

image 1

As a file extension, you can use either.htm or.html. It makes no difference; it is all up to you.

Step 4: View the HTML Page in Your Browser

Open the HTML file in your preferred browser (double click on the file, or right-click – and choose “Open with”).

The end effect will resemble this:

image 2

Join Our Community

Join our WhatsApp Group To know more about Programming Language tips, tricks and knowledge about and how to start learning any programming language.

Share Your Love
Avatar photo
Lingaraj Senapati

Hey There! I am Lingaraj Senapati, the Founder of lingarajtechhub.com My skills are Freelance, Web Developer & Designer, Corporate Trainer, Digital Marketer & Youtuber.

Articles: 429

Newsletter Updates

Enter your email address below to subscribe to our newsletter