HTML

955 views

Published on

Information about HTML 5.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
955
On SlideShare
0
From Embeds
0
Number of Embeds
86
Actions
Shares
0
Downloads
37
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HTML

  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

×