HTML5 Tutorial

HTML5, the most recent version of HTML, is a markup language.

HTML5 Tutorial

Learn HTML5 with this interesting and complete HTML5 tutorial, very quickly and easily. Very useful for web developers and web designers at beginner's level, this tutorial explains all the basic and advance concepts of HTML5 with examples.

Who is this HTML5 Tutorial designed for?

This tutorial will be very useful for all beginners who want to develop attractive websites. Freshers, BCA, BE, BTech, MCA, college students will also find it useful to develop notes, for exam preparation, lab exercises, assignments and viva questions.

What do I need to know to begin with?

HTML5 has been introduced with a lot of new improvements over HTML. Knowledge of HTML will help you quickly get started with HTML5.

HTML5 syllabus covered in this tutorial

This tutorial covers: Syntax, Structuring Tags, Tags, Attributes, Events, Web Forms 2.0, Scalable Vector Graphics, Webstorage, WebSockets, Canvas, Audio and Video, Geolocation, Microdata, Drag and Drop, Web Workers, Web Messaging, RTC, CORS, Web SQL Databases, IndexedDB.

With these topics, you can start using HTML5 very confidently and effectively!

Introduction to HTML5

  • HTML5 is a markup language that came into existence around January 2008.
  • It is a revision of the HTML standard.
  • HTML5 is a standard, used for structuring and presenting the content on the World Wide Web.
  • Two major organizations W3C (World Wide Web Consortium) and WHATWG (Web Hypertext Application Technology Working Group) have developed HTML5.
  • HTML5 supports all the latest browsers.
  • HTML5 is designed in such a manner that it is backward compatible with the existing web browsers.
  • New features are built on the existing ones which allow you to provide fallback content for the older browsers.
  • Support can be detected for HTML5 features by using a few lines of JavaScript.

Features of HTML5

Following are some of the new features that have been introduced in HTML5 recently are:

1. New Semantic Elements – Some new elements such as <header>, <footer> and <section> are added to HTML5.
2. Forms 2.0 – The web forms are improved by introducing some new attributes for the <input> tag.
3. Persistent Local Storage – This storage is achieved without resorting to the third- party plugins.
4. WebSocket – It is used as a next-generation bidirectional communication technology for the web applications.
5. Server–Sent Events – Events introduced by HTML5 which flow from the web servers to the web browsers and they are known as Server-Sent Events(SSE).
6. Canvas – It is a drawing surface which supports two-dimensional drawing that can be programmed with JavaScript.
7. Audio & Video - Audios and videos can be added to the web pages without resorting to the third-party plugins.
8. Geolocation - Physical location of the visitors can be shared with the web applications.
9. Microdata – It helps in creating own vocabularies and extend the web pages with custom semantics.
10. Drag and drop – This feature helps in dragging and dropping items from one location to the other on the same web page.