PRESENTATION     ON     PRESENTED BY :     HARPREET SINGH     SHIVANI GAUTAM     SHWETA     ASTHA DHAWAN
Introduction What is HTML? Hyper Text Markup Language. Basic building-blocks of WebPages. Allows images and objects to...
History 1989: Tim Berners-Lee invents the Web with HTML as its  publishing language. 1990- Berners-Lee specified HTML an...
Markup Refers to the sequence of characters or  other symbols. Often called as “TAGS”. Html Markup consists of several ...
Example<html><head><title>Hello HTML</title></head><body><p>Hello World!</p></body></html>
Versions November 24, 1995 -HTML 2.0 January 1997- HTML 3.2 April 1998 -HTML 4.0 January 2008- HTML5
HTML 5 A core technology of the Internet. A chance to do  things differently.
Logo
Markup   New elements and attributes that reflect typical    usage on modern websites.   HTML5 syntax is no longer based...
FEATURES
Canvas/ Svg   Video   Geolocation   App Cache &    Web                                      Database    Workers
The canvas element provides a straight andpowerful way to draw arbitrary graphics in aweb page using java script.
1.3-D view in the web.2.Big in texture-Game Graphics.3.The graphics loaded into the CPU in less than 10% time.
SVG ->              Canvas ->–High level         –Low level–Import/Export      –No mouse interaction–Easy UIs           –H...
HTML 5 Support                Chrome   Firefox   Safari   Opera  canvas/SVG       video  geolocation   app cache   databas...
Canvas/   Video   Geolocation   App Cache &    Web SVG                             Database     Workers
Video is Complicated, and Outside Your Control
// HTML 5 makes<video> as easyas <img>
Video in the browser is tough today because it’sabout plug-ins. Now a new video tag. YouTube running entirely using the ...
HTML 5 Support               Chrome   Firefox   Safari   Opera canvas/SVG     video geolocation app cache  database  Web  ...
Canvas/   Video   Geolocation   App Cache &    Web SVG                              Database    Workers
Life’s Better with Location                                                Places                                         ...
But GPS & IP aren’t good enough…           1.Too slow           2.Too constrained           3.Too fuzzy
All apps could be better with geolocation. Cell IDand WiFi solve the problem of getting the data.They’ve mapped really t...
HTML 5 Support                 Chrome   Firefox   Safari   Opera   canvas/SVG       video   Geolocation  app cache   datab...
Canvas/   Video   Geolocation   App Cache &    Web SVG                              Database    Workers
Web Apps Need to Work Everywhere
HTML 5 Support                 Chrome   Firefox   Safari   Opera  canvas/SVG      video   geolocation   app cache    datab...
Canvas/   Video   Geolocation   App Cache &    Web SVG                             Database     Workers
A More Powerful Web == More Powerful Apps
HTML 5 Support               Chrome   Firefox   Safari   Opera canvas/SVG      video Geolocation app cache   database Web ...
Difference Between HTML4 And HTML5HTML4                                     HTML5 Elements like nav, header were not     ...
Websites using HTML5 YouTube uses HTML5, www.youtube.com/html5. Google wave, a collaboration tool from Google uses  seve...
QUESTIONS
Html ppts
Html ppts
Html ppts
Html ppts
Html ppts
Upcoming SlideShare
Loading in …5
×

Html ppts

1,983 views

Published on

Report

Published in: Technology, Art & Photos
  • Be the first to comment

  • Be the first to like this

Html ppts

  1. 1. PRESENTATION ON PRESENTED BY : HARPREET SINGH SHIVANI GAUTAM SHWETA ASTHA DHAWAN
  2. 2. Introduction What is HTML? Hyper Text Markup Language. Basic building-blocks of WebPages. Allows images and objects to be embedded and can be used to create interactive forms.
  3. 3. History 1989: Tim Berners-Lee invents the Web with HTML as its publishing language. 1990- Berners-Lee specified HTML and wrote the browser and server software. In late 1991 -The first publicly available description of HTML was a document called HTML Tags, first mentioned on the Internet.
  4. 4. Markup Refers to the sequence of characters or other symbols. Often called as “TAGS”. Html Markup consists of several key components:- Elements Attributes Data Types
  5. 5. Example<html><head><title>Hello HTML</title></head><body><p>Hello World!</p></body></html>
  6. 6. Versions November 24, 1995 -HTML 2.0 January 1997- HTML 3.2 April 1998 -HTML 4.0 January 2008- HTML5
  7. 7. HTML 5 A core technology of the Internet. A chance to do things differently.
  8. 8. Logo
  9. 9. Markup New elements and attributes that reflect typical usage on modern websites. HTML5 syntax is no longer based on SGML.
  10. 10. FEATURES
  11. 11. Canvas/ Svg Video Geolocation App Cache & Web Database Workers
  12. 12. The canvas element provides a straight andpowerful way to draw arbitrary graphics in aweb page using java script.
  13. 13. 1.3-D view in the web.2.Big in texture-Game Graphics.3.The graphics loaded into the CPU in less than 10% time.
  14. 14. SVG -> Canvas ->–High level –Low level–Import/Export –No mouse interaction–Easy UIs –High Animation–Interactive –JS Centric–Medium Animation –More Bookkeeping–Tree of objects –Pixels
  15. 15. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video geolocation app cache database Web workers
  16. 16. Canvas/ Video Geolocation App Cache & Web SVG Database Workers
  17. 17. Video is Complicated, and Outside Your Control
  18. 18. // HTML 5 makes<video> as easyas <img>
  19. 19. Video in the browser is tough today because it’sabout plug-ins. Now a new video tag. YouTube running entirely using the video tag .NoFlash required.
  20. 20. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video geolocation app cache database Web workers
  21. 21. Canvas/ Video Geolocation App Cache & Web SVG Database Workers
  22. 22. Life’s Better with Location Places 2.8 mi CRM Social Ads Games Photos 2.1 mi 1.1 mi 500 ft 20 ft 75 ft
  23. 23. But GPS & IP aren’t good enough… 1.Too slow 2.Too constrained 3.Too fuzzy
  24. 24. All apps could be better with geolocation. Cell IDand WiFi solve the problem of getting the data.They’ve mapped really the entire world. Again allthe browsers but IE support this now.
  25. 25. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video Geolocation app cache database workers
  26. 26. Canvas/ Video Geolocation App Cache & Web SVG Database Workers
  27. 27. Web Apps Need to Work Everywhere
  28. 28. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video geolocation app cache database Web workers
  29. 29. Canvas/ Video Geolocation App Cache & Web SVG Database Workers
  30. 30. A More Powerful Web == More Powerful Apps
  31. 31. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video Geolocation app cache database Web workers
  32. 32. Difference Between HTML4 And HTML5HTML4 HTML5 Elements like nav, header were not  It brought new element for web present. structure like nav, header etc. It was lack of rules of parsing so it  Strictly parsing rules introduced in is difficult to handle error. html5 so handle the error. No multimedia supported without  It inbuilt multimedia element in third party. html5 like Audio, video, convas. These controls were not present.  It contains attributes like control menu, spell check etc.
  33. 33. Websites using HTML5 YouTube uses HTML5, www.youtube.com/html5. Google wave, a collaboration tool from Google uses several html5 tags. Only some of the browser only supports HTML5 features currently.
  34. 34. QUESTIONS

×