HTML5 Tutorials

html5 logo

Hyper Text Markup Language (HTML) is a markup language used to create web pages. The responsibility of modifying and standardizing HTML and other related technologies lies with  World Wide Web Consortium(W3C).

HTML5 is the 5th and latest standardization from the previous version (HTML4), with HTML5 many new changes have been made to existing elements as well as addition of many new elements. These new elements help improve readability and add more structure to a web page.

About this tutorial

This tutorial has been designed for beginners, If you have no experience in web development this is the right place to start. Not only will this tutorial cover the newly added HTML 5 elements but also all the previous elements that are not outdated. The tutorial has examples after each topic. At the end of the tutorial there is a step by step guide to create a working website from scratch.

After completing this tutorial you will have

  • Thorough knowledge of HTML
  • A brief knowledge of how internet works and what are domain names.
  • How to Host a website on Google for Free.
  • How to Host your website on paid Hosting sites for better performance.

NOTE Even though you can create a website by using HTML only, you need to use Cascading Style Sheet (CSS) to style the elements, or in simple words to align or change behavior of elements.

Why should I learn HTML?

Website Development is no rocket science. You don’t need any technical experience to write HTML code.

Freelance Web designers are in demand right now, you can do some extra work from home and look for jobs at after learning HTML and CSS.

If you have a business and want to make a website to represent it, and you don’t want to hire someone to build it for you, you can easily create your own website or edit an existing website with HTML knowledge.


You don’t need to have any technical knowledge. This tutorial will start from scratch.


[OP] Signifies that the post is Optional , it provides additional information which is not not necessary to code but is very useful if you want to have extensive knowledge on that subject.

[AD] Signifies that the post is for  Advanced users, beginners can try to understand the content of the post but if they are unable to understand they can skip it and come back later when they have completed the entire course.

Skipping [OP] and [AD] posts will not have any impact on future lessons.

Have a doubt?

At the end of each page you can ask your doubts regarding that topic in the comment section . We will try our best to answer all your questions. If you find any errors or mistakes please report it in the comment section.

Note: All the topics in this tutorial will be completed by the end of January 2015. But you can still learn from what what we have already published.

Don’t forget to share this page.

CommentsLoad Comments