HTML5 – Introduction tutorial for beginners Part 1

HTML5 is the latest standard for writing web pages. Previous version of HTML are html2.0, html3.0 and html4.01. HTML5 came out in 2008 and the main point is, it is  supported by all major browsers. HTML5 will make web application more powerful and less buggy. We can say future of web is secure, powerful and easier with html5.


Now, we don’t need to embed adobe flash or another external plugin for playing video in browser, html5 having video tag to play video in browser and another best thing is local storage in browser. HTML5 having this unique feature to track user behavior or information.

HTML5 introduces number of features and attributes that are helping in building modern websites. The current version having everything from animation to graphics, music to movies, and can also be used in complicated web applications. HTML5  having some features that we earlier used to do by java script like some input validation, placeholders etc.

HTML5 is also cross-platform. It is designed to work whether you are using a PC, or a Tablet, a Smartphone, or a Smart TV.

Some of the great features of HTML5 that introduced are –

1- New semantic elements like header, navigation, section, articles, footer etc.

2- Audio and video tags to embed media.

3 – Canvas for graphics drawing using java script

4- HTML forms with new input tags like range, number etc.

5- Drag and drop feature – moving an item to another location by mouse.

6-  Local web storage in user’s browsers .

7-  Geo location for users to share their location.

8- Application Cache –  to create an offline version of an website.

HTML5 DOCTYPE – In older version doc type was longer but in html5 doc type is only –


New html5 most used structure elements  –

<article>   – Defines an article in the document

<aside>     – Defines content aside from the page content

<details>  – Defines additional details that the user can view or hide

<dialog>   – Defines a dialog box or window

<figure>   – Defines self-contained content, like illustrations, diagrams, photos, code listings, etc.

<footer>   – Defines a footer for the document or a section

<header> – Defines a header for the document or a section

<nav>       – Defines navigation links in the document

<section> – Defines a section in the document

<summary> – Defines a visible heading for a <details> element

<time>             – Defines a date/time


HTML5 tutorial part 2


Leave a Reply