Your SlideShare is downloading. ×
html 5
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

  • Be the first to like this

No Downloads
Views
Total Views
83
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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. Week Target Achieved 1 2 3 Typing Speed
  • 3. Jobs Applied Week Company Designation Applied Date Current Status 1 2 3
  • 4. Muhammed Ajmal ajuik2008@gmail.com www.facebook.com/userna me twitter.com/username in.linkedin.com/in/profilena me 1234567890
  • 5. Overview • HTML • HTML 5 • New Elements • New Features • Comparison
  • 6. HTML • HTML stands for Hyper Text Markup Language • HTML is a markup language
  • 7. Structure of HTML <html> <head> <title> title of document</title> </head> <body> </body> </html>
  • 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. HTML 5 Structure
  • 10. HTML5 - New Elements • Graphics Element • Media Elements • Form Elements • Semantic/Structural Elements
  • 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. 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. Form Elements • <datalist> • <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> </datalist> • <keygen> • <keygen name="security"> • <output> Example
  • 14. Semantic/Structural Elements • <header> • <footer> • <aside> • <nav> • <article>
  • 15. HTML
  • 16. HTML 5
  • 17. HTML5 - New Features • Geolocation – locate a user's position – Use the getCurrentPosition() method to get the user's position. • Drag and Drop
  • 18. Comparison HTML • Long DOCYPE • Support all browser HTML5 • Extension of HTML • Simple DOCTYPE • Support Modern Browser • New Elements
  • 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. 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.