HTML Editors

Basic layout of HTML Page

The web pages can be created and modified by using professional HTML editors. For 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 Code Document

It'ss simplest form to write or copy some HTML code into Notepad.

Why needs HTML Editor?

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

HTML editor used to write HTML code, which is understood by the web browser and the web browser will convert HTML code in the web page and we will able to see the 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 an HTML editor.

  • To start open note-pad on your computer
  • In note-pad software on the top left corner, in the menu click on the file and choose Save As
  • After step-2 a new window will be open, it will ask you file_name and the location where you want to save it. You can see the below image for more understanding:

How to Save 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 a few steps

  • Browse a location where you want to save this HTML document.
  • In the above window for Filename, you can give any name to this HTML document but after the name put extension .html instead of .txt, for 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 referred to the way in which web pages are linked together. Thus, the link available on a webpage 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.

Advertise With Us

We offer sponsored posts and guest posts with do-follow links, back-links, and other advertising services, To advertise email us at ""

© 2021 GDATAMART.COM (All Rights Reserved)