HTML Editors

HTML Editors

Sponsored Ads

Html is a very easy language and also you don’t actually require any special software to write html codes, even though advanced and professional editors are available. However for quickly learning Html it is recommended to use a basic text editor while writing HTML codes.  

Sponsored Ads

In windows use the Notepad and in Mac use TextEdit.

Opening a Text Editor

Notepad (PC)

Windows 8 or later:

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

TextEdit (Mac)

Open Finder > Applications > TextEdit

Also change some preferences to get the application to save files correctly. In Preferences > Format > choose “Plain Text”

Then under “Open and Save”, check the box that says “Display HTML files as HTML code instead of formatted text”.

Then open a new document to place the code.

Write the Code

Copy or Wrte a Hello World Html code

Sponsored Ads

<!DOCTYPE html>
<html>
<body>

<h1>My First Html Document</h1>

<p>Hello World</p>

</body>
</html>

Saving the File

Save the file on your computer. Select File > Save as in the Notepad menu.

Name the file “index.html” and set the encoding to UTF-8 (which is the preferred encoding for HTML files). You can use any name but the index.html is the name which web browsers first checks in a folder and uses it. If no index.html is found it just displays the file list.

So in order to hide the file list from the viewers it is best to have atleast one index.html in a folder. Ofcourse there are other ways to hide the file list.


You can use either .htm or .html as file extension. There is no difference, it is up to you.

Viewing the file

Sponsored Ads

Open the saved file in your favorite browser. You can either double click the file, drag and drop the file to the browser window, right click the file and choose open with or any other method you like. The result will look like this

Sponsored Ads

%d bloggers like this: