Html5
Download as PPTX, PDF1 like251 views
HTML5 Basics presentation introduces new features of HTML5 including semantic elements, canvas drawing, audio and video elements, input and output tag elements, and a comparison with HTML4. It highlights semantic elements like header, footer, and section; canvas for drawing paths, rectangles, and images; audio and video elements; and new input types like date, time, email and number. The presentation notes HTML5 supports uppercase tags, optional quotes and values, and closing empty elements, and introduces many new APIs. It concludes by thanking the viewer and providing contact information for Baabtra, the training organization.
Html5
- 3. 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
- 4. Introduction to HTML5 HTML5 is coming with lots of flexibility and would support the followings: • Uppercase tag names. • Quotes are optional for attributes. • Attribute values are optional. • Closing empty elements are optional
- 5. New Features Include • Semantic elements: header, footer, section, article etc. • Canvas for drawing -paths of rectangle, arcs, lines, images. -mouse events. • Audio and Video elements -including drawing video on canvas.
- 7. HTML5 Events • offline • onabort • onafterprint • onbeforeonload • onbeforeprint • oncanplay • ondrag • ondragend
- 8. <Input> Tag Elements • datetime, datetime-local. • date • month • week • time • number • range • email • url
- 9. <Output> Tag Elements • placeholder <input type="text" name="search“ placeholder="search the web"/> • Autofocus <input type="text" name="search“ autofocus/> • Required <input type="text" name="search" required/>
- 10. HTML5 vs HTML4 1. HTML5 uses new structures such as drag, drop and much more. 2.HTML 5 can contain embedded video and audio without using flash player. 3.HTML 5 is capable of handling inaccurate syntax 1.HTML 4 uses common structures like headers , footers. 2.HTML 4 cannot embed video or audio directly and makes use of flash player for it. 3. HTML 4 cannot handle inaccurate syntax
- 11. 4. HTML 5 introduced many new API’s which facilitate flexibility of web pages. 5. In HTML 5, new tags and new features like local storage are enhanced. 4. HTML 4 has traditional API’s which does not include canvas. 5. In HTML 4, local storage is not possible and tags that can handle only one dimension are present.
- 12. THANK YOU...
- 13. Want to learn more about programming or Looking to become a good programmer? Are you wasting time on searching so many contents online? Do you want to learn things quickly? Tired of spending huge amount of money to become a Software professional? Do an online course @ baabtra.com We put industry standards to practice. Our structured, activity based courses are so designed to make a quick, good software professional out of anybody who holds a passion for coding.
- 14. Follow us @ twitter.com/baabtra Like us @ facebook.com/baabtra Subscribe to us @ youtube.com/baabtra Become a follower @ slideshare.net/BaabtraMentoringPartner Connect to us @ in.linkedin.com/in/baabtra Thanks in advance. www.baabtra.com | www.massbaab.com |www.baabte.com
- 15. 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 Cafit Square, Hilite Business Park, Near Pantheerankavu, Kozhikode Start up Village Eranakulam, Kerala, India. Email: info@baabtra.com