HTML Editors

A code editor is a place where one have to write their codes. In order to write the html codes we need an editor.

HTML editor is used to write the foundation of a website. There are different types of editors but for a new learner Notepad(Windows) or Textedit(Mac) is better. For the basic it is good to use a simple editor.

For the advance level there are a lot of text editors like as Notepad++, Subelime text, Atom etc. Since we all have different tastes and where we have to spend a lot of time for coding so it's important to choose the best one.


Notepad

It is a default editor with any version of windows. From there you can easily find it.

Step 1: Open Notepad
  • First open the "Start Screen" and search for the Notepad.
  • Click on the Notepad and then the editor will open.
open_notepad_image

Step 2: Write HTML code
  • Write here some html code.
code_notepad_image

Step 3: Save the File
  • Save the file with .html extension.
  • To save go to the file option then select Save As and save the file in a selected destination.
save_code_notepad_image

Step 4: Open the HTML File in a Browser
  • After saving the file open it on a browser.
  • To open double click on the file or right click and choose Open With then select a browser.
  • Finally you can see the webpage run by the HTML file.
output_notepad_image


Notepad++

If you want to code in Notepad++ first you have to download and then install it. It is a very popular editor for HTML.

Step 1: Open Notepad++
  • After installing open the "Start Screen" and search for the Notepad++.
  • Click on the Notepad++ and then the editor will open.
open_notepad++_image

Step 2: Save Notepad++
  • You should save the file of Notepad++ before writing any code.
  • To save Notepad++ file is same as Notepad. Save the file with .html extension and for saving go to the file option then select Save As and save the file.
save_notepad++_image

Step 3: Write HTML code
  • Write here some html code.
code_notepad++_image

Step 4: Open the HTML File in a Browser
  • After saving the file open it on a browser.
  • To open double click on the file or right click and choose Open With then select a browser.
  • Finally you can see the webpage run by the HTML file.
output_notepad++_image