Welcome Guest! (App Version 3.1)
IntroductionHTML Tutorial What is HTML? My First Program in HTML Doctype Block Elements in HTML Inline Elements in HTML
Box ModelWhat is Box Model Content in Box Model Padding in Box Model Border in Box Model Margin in Box Model
HTML TagsDiv Tags H1 to H6 Tags Paragraphs Tags Span Tags Bold Tags Italic Tags
HTML UtilitiesAdding Images Adding Hyperlinks Adding Comments Types of Lists Tables Iframes Breaking Lines Horizontal Line
FormsForms in HTML Text-Box Radio Checkbox Select and Option Text Area Button Submit
HTML 5What is new in HTML5 Syntax Changes New Elements & Properties Semantic Tags New Elements New Input Types Graphics Support Canvas SVG Media Support Audio Video Client Side Storage Local Storage Session Storage Indexed DB Web SQL [dep] Cookies API Support Web Worker Web Sockets Service Worker App Cache [dep] SSE Drag & Drop Geolocation
HTML QuizHTML Quiz 1
HTML5 comes in with lots of new features. Right from new Semantic tags to use instead of age old divs for layouting to inclusion of audio and video features which killed the kingdom of Adobe Flash. Now, from making databases on the browser side through IndexedDB to the support of Geolocation APIs, HTML5 comes in with all sorts of flavors.
All the features are to provide easy implementation of items in an html page. While some changes are pretty complex like the implementation of databases using -- Indexed DB or WebSQL, which is now deprecated, there are some very simple implementations of replacing divs with Headers or Footers. It all depends on the wishes of the programmer -- how he wants to design the layout of the web page and what all features he wants to include or exclude. To start off it might seem pretty easy, like using some tags and input items, but real implementation of features like Web Worker, Web Socket or SSE will require in-depth skill and practice.
Following are the new features included in HTML5:
Each of these features include multiple items inside them. In the following chapters we will go through each of them and see their way of implementation.