Html 5

245 views
213 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
245
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html 5

  1. 1. Disclaimer: This presentation is prepared by trainees of baabtra as a part of mentoring program. This is not official document of baabtra –Mentoring Partner Baabtra-Mentoring Partner is the mentoring division of baabte System Technologies Pvt . Ltd
  2. 2. Week Target Achieved 1 30 26 2 3 Typing Speed
  3. 3. Jobs Applied Week Company Designation Applied Date Current Status 1 2 3
  4. 4. WELCOME
  5. 5. Midhun sudhakar midhusudhakaran@gmail.com Midhun.sudhakar.73@facebook.co twitter.com/midhunopus in.linkedin.com/pub/midhunsudhakar/86/a b/Phonenumber 9995586182
  6. 6. content • What is html5? • Key features. • Why do we need it?. • Example codes.
  7. 7. What is HTML? • Hypertext Markup Language • HTML elements form the building blocks of all websites
  8. 8. What is the problem? • Browser inconsistency • Reliance on plug-ins
  9. 9. What is html5? • Latest version of html • Combines several technology • CSS3,javascript,jquery etc.. • Backward compatible
  10. 10. Key features in HTML5 Semantics Video Audio Canvas Drag & Drop Local Storage Geolocation Form elements
  11. 11. New in HTML5 — Semantics <nav> replace contains HTML code like this: <div id="nav">, <div class="header">, or <div id="footer">
  12. 12. HTML5 Drag and Drop
  13. 13. New in HTML5 — <Video> • videos can be played back on the latest mobile devices and even on older browsers that require Flash.
  14. 14. New in HTML5 — Geolocation from knowing exactly where the user accessing their site is from, enabling a more personalized local experience.
  15. 15. New in HTML5 — Local Storage Client-side key-value database, stored in the users browser.
  16. 16. Design in HTML5 Gradients, Transparencies, Shadows, Rounded Corners, and Text Effects
  17. 17. Thank you
  18. 18. If this presentation helped you, please visit our page facebook.com/baabtra and like it. Thanks in advance. www.baabtra.com | www.massbaab.com |www.baabte.com
  19. 19. Contact Us Emarald Mall (Big Bazar Building) Mavoor Road, Kozhikode, Kerala, India. Ph: + 91 – 495 40 25 550 NC Complex, Near Bus Stand Mukkam, Kozhikode, Kerala, India. Ph: + 91 – 495 40 25 550 Start up Village Eranakulam, Kerala, India. Email: info@baabtra.com NIT-TBI, NIT Campus, Kozhikode, Kerala, India.

×