SlideShare una empresa de Scribd logo
1 de 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]
 

Más contenido relacionado

Destacado

S ta rchartppt update
S ta rchartppt updateS ta rchartppt update
S ta rchartppt updatefaceplant428
 
Customer relationship management why bother? (slideshare)
Customer relationship management   why bother? (slideshare) Customer relationship management   why bother? (slideshare)
Customer relationship management why bother? (slideshare) katyraines
 
Five star presentation
Five star presentationFive star presentation
Five star presentationLance Monavie
 

Destacado (7)

Visual resume
Visual resumeVisual resume
Visual resume
 
S ta rchartppt update
S ta rchartppt updateS ta rchartppt update
S ta rchartppt update
 
Айлтгүй
АйлтгүйАйлтгүй
Айлтгүй
 
Customer relationship management why bother? (slideshare)
Customer relationship management   why bother? (slideshare) Customer relationship management   why bother? (slideshare)
Customer relationship management why bother? (slideshare)
 
Hellen
HellenHellen
Hellen
 
Five star presentation
Five star presentationFive star presentation
Five star presentation
 
Culture shock
Culture shockCulture shock
Culture shock
 

Similar a Html5 (20)

HTML5
HTML5HTML5
HTML5
 
Introdution to HTML 5
Introdution to HTML 5Introdution to HTML 5
Introdution to HTML 5
 
Developing with HTML5
Developing with HTML5Developing with HTML5
Developing with HTML5
 
Thadomal IEEE-HTML5-Workshop
Thadomal IEEE-HTML5-WorkshopThadomal IEEE-HTML5-Workshop
Thadomal IEEE-HTML5-Workshop
 
Html 5
Html 5Html 5
Html 5
 
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
 

Último

Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfChris Hunter
 
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 17Celine George
 
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.pdfPoh-Sun Goh
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...Poonam Aher Patil
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxVishalSingh1417
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin ClassesCeline George
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxVishalSingh1417
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Shubhangi Sonawane
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docxPoojaSen20
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibitjbellavia9
 
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural ResourcesEnergy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural ResourcesShubhangi Sonawane
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.christianmathematics
 

Último (20)

Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
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
 
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
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural ResourcesEnergy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.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.