HTML5 Training

ToggleHTML5 Overview

HTML5 is the next generation of the HTML standard. It represents an vast advance concepts for modern web applications which can function like function like desktop applications. It adds the existing capabilities what we have in earlier versions like HTML 4.01, XHTML 1.0, and XHTML 1.1. HTML5 is a standard for structuring and presenting content on the World Wide Web.

HTML5 is teamwork between the WWW (World Wide Web) Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).

ToggleHTML5 Training Institute in Chennai


View in Google Map

ToggleDetailed Course Contents

Introduction to HTML5 & xHTML

  • Objectives
  • What is Markup Language?
  • What is HTML?
  • Web Page Structure
  • Hello World Program
  • Tags Vs Elements
  • White Space & Flow
  • Comments
  • Markup Language Vs Programming Language
  • Summary
  • Lab Activities

Structuring Contents

  • Objectives
  • What are Structured Elements?
  • The html Tag
  • The body Tag
  • The h1 to h6 Elements
  • The p (Paragraph) Tag
  • The div (Division) Tag
  • The br (line break) Element
  • The hr (Horizontal Line) Element
  • Summary
  • Lab Activities

Text Formatting

  • Objectives
  • Bold Text
  • Italic Text
  • The Big Element
  • The Small Tag
  • The Center Tag
  • The Pre Tag
  • The Span Tag
  • The Strike Tag
  • The Sub Element
  • The Sup Element
  • The U Tag
  • The Fieldset Element
  • The Meter Element
  • Target
  • Name Attribute
  • Summary
  • Lab Activities

Working with Lists

  • Objectives
  • Bulleted Lists or Unordered List
  • Numbered or Ordered List
  • Definition Lists
  • Nested List
  • Summary
  • Lab Activities

Working with Tables

  • Objectives
  • Table Element
  • Table Attributes
  • Spanning Rows
  • Spanning Columns
  • Table Captioning
  • Table Headers
  • Table Divisions
  • Grouping Table Column with col & colgroup Element
  • Summary
  • Lab Activities

Working with Forms Elements

  • Objectives
  • HTML Input Tag
  • Checkbox Form Control
  • Radio Button Form Control
  • TextBox Form Control
  • Hidden Form Control
  • TextArea Form Control
  • The Form Element
  • Button Control
  • The Reset Button
  • The Button Control
  • Image Button Form Control
  • Get Vs Post Method
  • Label Element
  • iframe Control
  • Prerequisites
  • Summary
  • Lab Activities

Working with HTML5 Document Structure

  • Objectives
  • Document Outline
  • HTML5 Outliner
  • HTML4 Document Outline
  • HTML5 Document Outline
  • The header Element
  • The nav Element
  • The Section Element
  • The aside Element
  • The footer Element
  • The hgroup Element
  • Summary
  • Lab Activities

HTML5 Controls & Elements

  • Objectives
  • The canvas Element
  • The color Input Type
  • The date, time Input Type
  • The datetime Input Type
  • The datetime-local Input Type
  • The month, week Input Type
  • The number, range, tel Input Type
  • The email, url, search Input Type
  • The summary, details Element
  • The figure, figcaption Element
  • The meter, progress Element
  • The frame Element
  • The menu, menitem Element
  • Summary
  • Lab Activities

HTML5 Attributes

  • Objectives
  • The global Attributes
  • The data-X Attributes
  • The novalidate Attribute
  • The hidden Attribute
  • The input Element Attributes
  • The autofocus, download Attribute
  • The formnovalidate, formtarget Attribute
  • The width & height, list Attribute
  • The min, max and step Attributes
  • The multiple, placeholder Attribute
  • The validate, pattern Attribute
  • Summary
  • Lab Activities

Micro Data

  • Objectives
  • About microdata
  • The itemscope Attribute
  • The itemprop Attribute
  • Nested itemprop
  • The itemref Attribute
  • The itemtype Attribute
  • The itemprop as URL
  • The itemid Attribute
  • The itemprop With Different Values
  • Predefined Types
  • Summary
  • Lab Activities

HTML5 Web Applications

  • Objectives
  • Drag & Drop
  • The GEOlocation API
  • Query Selector
  • Local Storage & Session Storage
  • Indexed Database
  • WebSQL Database
  • Offline Applications
  • History Management
  • Web Workers
  • Post Message API
  • WebSockets
  • File API
  • Summary
  • Lab Activities

Rich Media Elements

  • Objectives
  • Video Format
  • What is a container?
  • List of common Containers
  • What is a codec?
  • List of common codecs
  • Container & Codec
  • Video Container
  • Popular Video Container Formats
  • The video Element
  • The video Element Attributes
  • Adding Video Source
  • Media Types and Attribute Values
  • Video to support for all browsers
  • The track Element
  • The audio Element
  • The audio Element Attributes
  • Adding Audio Source
  • Audio to support for all browsers
  • Audio & Video Restriction
  • Summary
  • Lab Activities

Scalable Vector Graphics

  • Objectives
  • Scalable Vector Graphics (SVG)
  • Graphics System
  • The Raster Graphics
  • Uses of Raster Graphics
  • Vector Graphics
  • Rastor & Vector Graphics Code
  • About SVG
  • Adding SVG to a Web Page
  • SVG Elements Group
  • SVG Attributes Categories
  • SVG Basic Shapes
  • The Presentation Attributes
  • The line Element
  • The rect Element
  • The rect Element Attributes
  • The circle Element
  • The circle Element Attributes
  • The ellipse Element
  • The ellipse Element Attributes
  • The polyline Element
  • The polyline Element Attributes
  • The polygon Element
  • The polygon Element Attributes
  • Polygon Vs Polyline
  • Graphics Elements
  • The image Element
  • The image Element Attributes
  • The text Element
  • The text Element Attributes
  • Summary
  • Lab Activities

ToggleRelated Links

w3.org HTML 5.1 Specification

whatwg.org HTML 5.1 Specification

HTML 5 Mozilla Developer Guide

HTML 5 Validator

HTML 5 Video Player

Quick Enquiry
Name
Email ID
Phone
Addl Info
Student Login
User Name
Password

Newsletter Sign Up
Email ID

Call Now   91-44
428-50005 




No.7,Rain Tree Place, McNichols Road,Chetpet, Chennai, Tamilnadu, India