html 5
Download as PPTX, PDF0 likes239 views
This document provides an overview of HTML and HTML5. It discusses the structure and new elements of HTML5, including media elements, form elements, and semantic elements. It also covers some of the new features of HTML5, such as geolocation and drag and drop. Finally, it provides basic contact information for Baabtra-Mentoring Partner.
html 5
- 2. 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
- 3. Week Target Achieved 1 2 3 Typing Speed
- 4. Jobs Applied Week Company Designation Applied Date Current Status 1 2 3
- 6. Overview • HTML • HTML 5 • New Elements • New Features • Comparison
- 7. HTML • HTML stands for Hyper Text Markup Language • HTML is a markup language
- 8. Structure of HTML <html> <head> <title> title of document</title> </head> <body> </body> </html>
- 9. 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>
- 10. HTML 5 Structure
- 11. HTML5 - New Elements • Graphics Element • Media Elements • Form Elements • Semantic/Structural Elements
- 12. 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
- 13. 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
- 14. Form Elements • <datalist> • <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> </datalist> • <keygen> • <keygen name="security"> • <output> Example
- 15. Semantic/Structural Elements • <header> • <footer> • <aside> • <nav> • <article>
- 16. HTML
- 17. HTML 5
- 18. HTML5 - New Features • Geolocation – locate a user's position – Use the getCurrentPosition() method to get the user's position. • Drag and Drop
- 19. Comparison HTML • Long DOCYPE • Support all browser HTML5 • Extension of HTML • Simple DOCTYPE • Support Modern Browser • New Elements
- 20. 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
- 21. 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.