Learning HTML is quite easy and it does not required any extensive effort just to learn. All you need to do is do focus on it and not just run the codes into your text editors but understand it fully on how it works. First and foremost you need some tools to be able to execute your HTML commands.

<center>https://biz30.timedoctor.com/images/2017/05/virtual-assistant-software-770x470.jpg</center>
<center><code>[image source](https://biz30.timedoctor.com/virtual-assistant-software/)</code></center>

Tools that are need on the process of learning HTML:

- <b>Text Editors</b> (You may use built-in text editors on your operating systems or you can download a more better notepad editor which are fully available in the web.) You can try Notepad++ , Sublime or even use online text editor such as [JSfiddle](https://jsfiddle.net) wherein you can directly execute them on the web and saving your works from there, which is best for easy modification and accessibility.

- <b>Browser</b> (Most of operating system right now have their own browser.) I would recommend you to use Google Chrome, Mozilla Firebox or Safari for they are fully compatible with new HTML tags and all. This is to avoid any possible problems or errors that you may encounter on your learning process.

Now once you have your required tools, then you are ready to venture yourself on learning HTML.

 <h3>Common HTML Tags</h3>
Tags are elements in HTML where each of them has different functionalities, below are some common :
Note : Tags should have beginning and ending tag 
<code>&lt;beginning tag&gt; ... &lt;ending tag&gt;</code> 

HTML tag|Function
-|-
html | Every html document starts with this tag
head | Head section of your html file. You may add information in here
title | Title of your HTML document
body | Where you place most of your html contents here
h1 | Header 1 text format
h2 | Header 2 text format
h3 | Header 3 text format
h4 | Header 4 text format
h5 | Header 5 text format
h6 | Header 6 text format
p | Paragraph text format

I have created an example output below 

<center>![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521258287/lx8dvynhrnso2gw3nqzy.png)</center>

Based on the example above, we need to set <code>&lt;!DOCTYPE html&gt; </code> so the file you are making is an HTML document. This is also a HTML5 compliant and setting it properly makes it displays correctly into the web.

Output on executed HTML Tag

<center>![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521256036/jngtqzvsrwycmqru5fej.png)</center>

You may check here on my [JSfiddle](https://jsfiddle.net/robinhotutorial/ehpcfL8t/) for the actual html code and output.

Thanks for having time reading. Will make tutorial on more tags and their uses on my next post.