Downloaded 108 times
Uploaded byShivani Gautam
Html ppts
This presentation provides an overview of HTML and HTML5. It discusses the history and invention of HTML by Tim Berners-Lee in 1989. It describes the basic building blocks of HTML including elements, attributes, and data types. It then covers versions of HTML from 2.0 to 5 and new features in HTML5 like canvas, video, geolocation, app cache, and web workers. The presentation compares differences between HTML4 and HTML5 and provides examples of websites using HTML5.
More Related Content
Html ppts
- 1. PRESENTATION ON PRESENTED BY : HARPREET SINGH SHIVANI GAUTAM SHWETA ASTHA DHAWAN
- 2. Introduction What isHTML? 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. History 1989: TimBerners-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. Markup Refers tothe sequence of characters or other symbols. Often called as “TAGS”. Html Markup consists of several key components:- Elements Attributes Data Types
- 5.
- 6. Versions November 24,1995 -HTML 2.0 January 1997- HTML 3.2 April 1998 -HTML 4.0 January 2008- HTML5
- 7. HTML 5 Acore technology of the Internet. A chance to do things differently.
- 8.
- 9. Markup New elements and attributes that reflect typical usage on modern websites. HTML5 syntax is no longer based on SGML.
- 10.
- 11. Canvas/ Svg Video Geolocation App Cache & Web Database Workers
- 13. The canvas elementprovides a straight and powerful way to draw arbitrary graphics in a web page using java script.
- 14. 1.3-D view inthe web. 2.Big in texture-Game Graphics. 3.The graphics loaded into the CPU in less than 10% time.
- 15. 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
- 16. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video geolocation app cache database Web workers
- 17. Canvas/ Video Geolocation App Cache & Web SVG Database Workers
- 18. Video is Complicated,and Outside Your Control
- 19. // HTML 5makes <video> as easy as <img>
- 20. Video in thebrowser is tough today because it’s about plug-ins. Now a new video tag. YouTube running entirely using the video tag .No Flash required.
- 21. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video geolocation app cache database Web workers
- 22. Canvas/ Video Geolocation App Cache & Web SVG Database Workers
- 23. Life’s Better withLocation Places 2.8 mi CRM Social Ads Games Photos 2.1 mi 1.1 mi 500 ft 20 ft 75 ft
- 24. But GPS &IP aren’t good enough… 1.Too slow 2.Too constrained 3.Too fuzzy
- 25. All apps couldbe better with geolocation. Cell ID and WiFi solve the problem of getting the data. They’ve mapped really the entire world. Again all the browsers but IE support this now.
- 26. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video Geolocation app cache database workers
- 27. Canvas/ Video Geolocation App Cache & Web SVG Database Workers
- 30. Web Apps Needto Work Everywhere
- 32. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video geolocation app cache database Web workers
- 33. Canvas/ Video Geolocation App Cache & Web SVG Database Workers
- 34. A More PowerfulWeb == More Powerful Apps
- 35. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video Geolocation app cache database Web workers
- 36. Difference Between HTML4And HTML5 HTML4 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.
- 37. 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.
- 38.