Introduction to HTML5

Introduction to HTML5

Bascom Bridge’s HTML5 training class, intended for experienced HTML developers with some JavaScript experience, teaches the new features of HTML5 and how to put them to immediate use.



  • Build HTML5 pages
  • Understand the major benefits of HTML5
  • Understand the difference between HTML5 and HTML 4
  • Use the new elements and attributes of HTML5
  • Work with audio and video in HTML5
  • Work with new Canvas element to create code-based drawings in HTML5
  • Use Web Storage for offline applications
  • Use all of the new HTML5 form elements
  • Understand the current state of browser support for HTML5 and how to make your HTML5 sites degrade gracefully


All attendees must be fluent in HTML 4 and have practical experience with the basics of CSS and JavaScript. Prior knowledge of JSON, DOM, and Ajax is helpful but not required.


All students receive comprehensive courseware covering all topics in the course.


  • Web or text editor of your choice
  • Web browsers – a recent version of one or more of the following:
    • Google Chrome
    • Mozilla Firefox
    • Internet Explorer (9 or later)
    • Safari (5 or later)
    • Opera
  • If space on a web server is available, students may also wish to bring their mobile devices so they can test how pages appear on these devices.
  • For classes delivered online, all participants need either dual monitors or a separate device logged into the online session so that they can do their work on one screen and watch the instructor on the other. A separate computer connected to a projector or large screen TV would be another way for students to see the instructor’s screen simultaneously with working on their own.


  • 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

Send a Comment

Your email address will not be published.


+91 9376007676  


Introduction to HTML5

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
  • Course No : HTML-102
  •  Theory : 40%
  •  Lab : 60%
  • Duration : 12 hours
Scroll Up
Skip to toolbar