HTML5 Course

Hyper Text Markup Language

HTML5 Online Training

HTML5 introduces a number of new elements and attributes that helps in building a modern websites. HTML5, depending on who you listen to, may be either a disruptive new technology that has the potential to bring entire companies to their knees, or a smooth transition from current HTML 4.0 that promises to make life much easier for developers. Both are at least partially true, and in this continuing series, I hope to help you make sense out of HTML5: both business sense and nuts-and-bolts codinglevel sense.

What you will learn

HTML5 is designed, as much as possible, to be backward compatible with existing web browsers. New features build on existing features and allow you to provide fallback content for older browsers. It is suggested to detect support for individual HTML5 featu res using a few lines of JavaScript.

  • HTML5 Overiew

HTML5 Online Training Course Content

 

  • Introduction
  • Laying out a Page with HTML5
    • Page Structure
    • New HTML5 Structural Tags
    • Page Simplification
  • HTML5 - How We Got Here
    • The Problems HTML 4 Addresses
    • The Problems XHTML Addresses
    • The New More Flexible Approach of HTML5 - Paving the Cowpaths
    • New Features of HTML5
    • The HTML5 Spec(s)
    • Current State of Browser Support
  • Sections and Articles
    • The section Tag
    • The article Tag
    • Outlining
    • Accessibility
  • HTML5 Audio and Video
    • Supported Media Types
    • The audio Element
      • Audio Formats
      • Multiple Sources
      • Audio Tag Attributes
      • Getting and Creating Audio Files
    • The video Element
      • Video Tag Attributes
      • Creating and Converting Video Files
    • Accessibility
    • Scripting Media Elements
    • Dealing with Non-Supporting Browsers
  • HTML5 Forms
    • Modernizr
    • New Input Types
      • search
      • tel
      • url and email
      • date/time input types
      • number
      • range
      • min, max, and step attributes
      • color
    • HTML5 New Form Attributes
      • autocomplete
      • novalidate

 

  • HTML5 New Form Field Attributes
    • required
    • placeholder
    • autofocus
    • autocomplete
    • form
    • pattern
  • New Form Elements
    • datalist
    • progress and meter
  • HTML5 Web Storage
    • Overview of HTML5 Web Storage
    • Web Storage
      • Browser Support
      • Local Storage
      • Session Storage
      • Prefixing your Keys
    • Other Storage Methods
      • Web Database Storage
      • Indexed Database API
  • HTML5 Canvas
    • Getting Started with Canvas
    • Drawing Lines
      • Multiple Sub-Paths
      • The Path Drawing Process
      • The fill() Method
    • Color and Transparency
    • Rectangles
    • Circles and Arcs
    • Quadratic and Bezier Curves
    • Images
      • drawImage() - Basic
      • drawImage() - Sprites
    • Text
  • Integrated APIs
    • Offline Application API
      • Cache Manifest File
      • The HTML File
      • Managing ApplicationCache with JavaScript
      • A Sample Application
    • Drag and Drop API
  • Conclusion
Back to top