Tutorial: Learn HTML – Setting up code editor and writing the template

What is a code editor?

A code editor is a text editor (e.g. Notepad) where we can write and edit codes.
Which code editor to use for HTML?
You can use any code editor. You use notepad, notepad++, you can use sublime text, you can use atom, you can use visual studio. In case you are reading from mobile you can use the online html editor of W3Schools. I personally prefer sublime text, so I’ll be using sublime text This is a paid text editor but you can use it for free. You can buy it if you want to support the developers.


If you are ready to write your first HTML code then follow me
Open up your favourite text editor in my case which is sublime text,
Go to file>New to create a new document.
Save it as template.html to your desktop and write the following codes

<!DOCTYPE html>
<title>Hello World !</title>
<p> All visible content will be here</p>

Save the content. Go to desktop. Right click on the “template.html” and open it with your favourite browser for me it is google chrome.
Now notice at the of the browser the title is “Hello World !” and in the visible browser window you can see the text “All visible content will be here”.
This code snippet is self explanatory. If you still have some questions ask me in the comments below.
This article is a part of “Learn HTML” tutorial series. If you missed previous lessons click here to see the full course plan.

- Love it? Share it! -


I am a Windows Phone Addict, a Windows Phone application Developer and co-founder of halfcupcoffee.