html 5

210 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
210
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
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 2 3 Typing Speed
  3. 3. Jobs Applied Week Company Designation Applied Date Current Status 1 2 3
  4. 4. Muhammed Ajmal ajuik2008@gmail.com www.facebook.com/userna me twitter.com/username in.linkedin.com/in/profilena me 1234567890
  5. 5. Overview • HTML • HTML 5 • New Elements • New Features • Comparison
  6. 6. HTML • HTML stands for Hyper Text Markup Language • HTML is a markup language
  7. 7. Structure of HTML <html> <head> <title> title of document</title> </head> <body> </body> </html>
  8. 8. HTML 5 • The Next generation of HTML • An attempt to enhance the functionality and flexibility of the web • More markup to replace scripting • Cross Platform • The HTML5 <!DOCTYPE html>
  9. 9. HTML 5 Structure
  10. 10. HTML5 - New Elements • Graphics Element • Media Elements • Form Elements • Semantic/Structural Elements
  11. 11. Graphics Element • <Canvas> – <canvas id="myCanvas" width="200" height="100"></canvas> • <SVG> – <svg width="300" height="200"> <polygon points="100,10 40,180 190,60 10,60 160,180" /></svg> Example
  12. 12. Media Elements • Video – <video width="320" height="240" controls> <source src="m.mp4"type="video/mp4“> </video> • Audio – <audio controls> <source src="h.mp3" type="audio/mpeg"> </audio> Example
  13. 13. Form Elements • <datalist> • <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> </datalist> • <keygen> • <keygen name="security"> • <output> Example
  14. 14. Semantic/Structural Elements • <header> • <footer> • <aside> • <nav> • <article>
  15. 15. HTML
  16. 16. HTML 5
  17. 17. HTML5 - New Features • Geolocation – locate a user's position – Use the getCurrentPosition() method to get the user's position. • Drag and Drop
  18. 18. Comparison HTML • Long DOCYPE • Support all browser HTML5 • Extension of HTML • Simple DOCTYPE • Support Modern Browser • New Elements
  19. 19. 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
  20. 20. 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 IKK Road, East Hill, Kozhikode Kerala, India. Ph: + 91 – 495 30 63 624 NIT-TBI, NIT Campus, Kozhikode, Kerala, India.

×