HTML Editors

Basic layout of HTML Page

The web pages can be created and modified by using professional HTML editors. For the learning HTML we can use a simple text editor like Notepad (For Windows PC) or TextEdit (Mac).

Write HTML code Using Notepad/TextEdit

For Notepad (PC)

  • Windows 8 or later - Open the Start Screen (the window symbol at the bottom left on your screen). Just type notepad and open it.
  • Windows 7 or earlier - Open Start > Programs > Accessories > Notepad

For TextEdit (Mac)

  • Open Finder > Applications > TextEdit - Also change some preferences to get the application to save files correctly. In Preferences > Format > choose "Plain Text"

Basic HTML Document

In its simplest form to write or copy some HTML code into Notepad.

<!DOCTYPE html>
      <h1>My First Heading</h>
      <p>My first paragraph</p>

Why needs HTML Editor?

If we are making a note in computer then we need notepad, word-pad or other software where we can type like these if we want to create a HTML document then we need HTML Editor

HTML Editor use to write HTML Code, which is understood by web browser and web browser will convert HTML code in web page and we will able to see web page.

HTML Editor

We can write all html code in note-pad or text-editor just we have to keep in mind we have to save it in HTML format, means with .html extension. So follow step by step to start using note-pad as a html editor.

  • To start open note-pad in your computer
  • In note-pad software on top left corner, in menu click on file and chose Save As..
  • After step-2 a new window will be open , it will ask you file_name and location where you want to save it. See below image

Save the HTML Page

how to save in html editors

View the HTML Page in Browser

  • Open the saved HTML file in your favorite browser
  • Double click on the file,
  • OR right-click - and choose Browser "Open with".

Take care of few steps

  • Browse a location where you want to save this HTML document.
  • In above window for File name you can give any name to this HTML document but after name put extension .html instead of .txt, example home.html, index.html etc.
  • Below file name there is Save as type, select All files
  • Now click on Save

Notepad Code look like

html editors

The result will look like this -

html editors Browser Result

Some Useful HTML Editors

You can use Notepad++, Eclipse, Sublime text and much more are available. You can download them free and you can use them to edit your HTML document.

HTML Overview

Hypertext - It's refers to the way in which web pages are linked together. Thus, the link available on a webpage, It is called Hypertext.

HTML was developed with the intent of defining the structure of documents like headings, paragraphs, lists, and so forth to facilitate the sharing of scientific information between researchers.


GDATAMART.COM is optimized for learning & job information; The users try to improve your knowledge and practical experience through this site but we cannot warrant full correctness of all content... Learn More → | Sitemap →

© 2020 GDATAMART | All Rights Reserved