SlideShare ist ein Scribd-Unternehmen logo
1 von 19
[object Object],Presented by Neetu sharma MCA (8 th  trim)
Overview ,[object Object],[object Object],[object Object],[object Object],[object Object]
What is  ,[object Object],[object Object]
History of HTML5 ,[object Object],[object Object],[object Object],[object Object]
New features in HTML5 ,[object Object],[object Object],[object Object],[object Object]
Video and Audio ,[object Object],[object Object],[object Object],[object Object]
Audio+Video=magic <video src=&quot;movie.ogg&quot; controls=&quot;controls&quot;></video>   <audio src=&quot; song.ogg &quot; controls=&quot;controls&quot;></audio>
Video and Audio Implementations ,[object Object],[object Object],[object Object],[object Object]
Canvas ,[object Object],[object Object],[object Object],[object Object]
Canvas Examples: Games ,[object Object],[object Object],[object Object]
Meter ,[object Object],[object Object],[object Object]
Using Meter < meter >60%</ meter > < meter >3/5</ meter > < meter >6 blocks used   (out of 10 total)</ meter > < meter   value = &quot;0.6&quot; >Medium</ meter >
Progress bar  ,[object Object],[object Object],[object Object]
Using Progress <progress>Step 3 of 6</progress> <progress>50%Complete</progress> <progress  value = &quot;0.5&quot; >   Half way! </progress>
Form Controls: Numbers < input   type = &quot;number&quot; > < input   type = &quot;range&quot; >
Form Controls: Combo Boxes < input   list = &quot;title-list&quot; > < datalist   id = &quot;title-list&quot; >   < option   value = &quot;...&quot; > </ datalist >
Difference between HTML4 and HTML5 It contains attributes like control menu, spell check etc. It was not available  It  inbuilt multimedia element in html5 like Audio,video,convas No multimedia supported without third party  Strictly parsing rules introduced in html5 so handle the error. It was lack of rules of parsing so it is difficult to handle error.  It brought new element for web structure like nav,header etc Elements like nav, header were not present. HTML5 HTML4
Web sites that using HTML5 ,[object Object],[object Object],[object Object]
 

Weitere ähnliche Inhalte

Ähnlich wie Html5

Rey Bango - HTML5: polyfills and shims
Rey Bango -  HTML5: polyfills and shimsRey Bango -  HTML5: polyfills and shims
Rey Bango - HTML5: polyfills and shims
StarTech Conference
 
Peter lubbers-html5-overview-sf-dev-conf-2011
Peter lubbers-html5-overview-sf-dev-conf-2011Peter lubbers-html5-overview-sf-dev-conf-2011
Peter lubbers-html5-overview-sf-dev-conf-2011
Peter Lubbers
 
1. introduction to html5
1. introduction to html51. introduction to html5
1. introduction to html5
JayjZens
 
HTML 5 – Let’s Make Progress [eduWeb 2011]
HTML 5 – Let’s Make Progress [eduWeb 2011]HTML 5 – Let’s Make Progress [eduWeb 2011]
HTML 5 – Let’s Make Progress [eduWeb 2011]
Shahab Lashkari
 

Ähnlich wie Html5 (20)

Html5
Html5Html5
Html5
 
Html5
Html5 Html5
Html5
 
The current status of html5 technology and standard
The current status of html5 technology and standardThe current status of html5 technology and standard
The current status of html5 technology and standard
 
PPT
PPTPPT
PPT
 
HTML5 and DHTML
HTML5 and DHTMLHTML5 and DHTML
HTML5 and DHTML
 
Delhi student's day
Delhi student's dayDelhi student's day
Delhi student's day
 
Rey Bango - HTML5: polyfills and shims
Rey Bango -  HTML5: polyfills and shimsRey Bango -  HTML5: polyfills and shims
Rey Bango - HTML5: polyfills and shims
 
HTML5 Overview
HTML5 OverviewHTML5 Overview
HTML5 Overview
 
Html5(2)
Html5(2)Html5(2)
Html5(2)
 
Html5(2)
Html5(2)Html5(2)
Html5(2)
 
HTML: Facilitating User's Life
HTML: Facilitating User's LifeHTML: Facilitating User's Life
HTML: Facilitating User's Life
 
Html5
Html5Html5
Html5
 
HTML 5
HTML 5HTML 5
HTML 5
 
Html 5 Features And Benefits
Html 5 Features And Benefits  Html 5 Features And Benefits
Html 5 Features And Benefits
 
Developing Gadgets
Developing GadgetsDeveloping Gadgets
Developing Gadgets
 
Peter lubbers-html5-overview-sf-dev-conf-2011
Peter lubbers-html5-overview-sf-dev-conf-2011Peter lubbers-html5-overview-sf-dev-conf-2011
Peter lubbers-html5-overview-sf-dev-conf-2011
 
Basics of HTML5 for Phonegap
Basics of HTML5 for PhonegapBasics of HTML5 for Phonegap
Basics of HTML5 for Phonegap
 
HTML5
HTML5HTML5
HTML5
 
1. introduction to html5
1. introduction to html51. introduction to html5
1. introduction to html5
 
HTML 5 – Let’s Make Progress [eduWeb 2011]
HTML 5 – Let’s Make Progress [eduWeb 2011]HTML 5 – Let’s Make Progress [eduWeb 2011]
HTML 5 – Let’s Make Progress [eduWeb 2011]
 

Kürzlich hochgeladen

Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Kürzlich hochgeladen (20)

Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 

Html5

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. Audio+Video=magic <video src=&quot;movie.ogg&quot; controls=&quot;controls&quot;></video> <audio src=&quot; song.ogg &quot; controls=&quot;controls&quot;></audio>
  • 8.
  • 9.
  • 10.
  • 11.
  • 12. Using Meter < meter >60%</ meter > < meter >3/5</ meter > < meter >6 blocks used (out of 10 total)</ meter > < meter value = &quot;0.6&quot; >Medium</ meter >
  • 13.
  • 14. Using Progress <progress>Step 3 of 6</progress> <progress>50%Complete</progress> <progress value = &quot;0.5&quot; > Half way! </progress>
  • 15. Form Controls: Numbers < input type = &quot;number&quot; > < input type = &quot;range&quot; >
  • 16. Form Controls: Combo Boxes < input list = &quot;title-list&quot; > < datalist id = &quot;title-list&quot; > < option value = &quot;...&quot; > </ datalist >
  • 17. Difference between HTML4 and HTML5 It contains attributes like control menu, spell check etc. It was not available It inbuilt multimedia element in html5 like Audio,video,convas No multimedia supported without third party Strictly parsing rules introduced in html5 so handle the error. It was lack of rules of parsing so it is difficult to handle error. It brought new element for web structure like nav,header etc Elements like nav, header were not present. HTML5 HTML4
  • 18.
  • 19.