html 5
Upcoming SlideShare
Loading in...5
×
 

 

Statistics

Views

Total Views
152
Views on SlideShare
152
Embed Views
0

Actions

Likes
0
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

html 5 html 5 Presentation Transcript

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