• Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
67
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
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.