A short introduction for the HTML5 tags

1. Introduction to
HTML5By - Neha Sharma (nehha255@gmail.com)

2. Agenda
• Introduction to HTML4,
XHTML and HTML5
• What is HTML5?
• Why we need HTML 5?
• New Tags in HTML 5
• Let’s create our first HTML 5
page
• HTML5 and IE
• Q & A
• Feedback

3. Introduction to HTML4, XHTML and
HTML5
To create any HTML document or structure it we need
markup language – such as HTML
- Journey from HTML 4.0 to XHTML
- HTML – Hyper Text Markup Language
- XHTML – Extensible Markup Language
- HTML 5

4. What is HTML5
• HTML 5 is the new version of HTML 4
• New Semantic Tags
• Offline and Storage
• Multimedia
• 2D/3D effects
• Geo location
• And many more…

5. Why HTML5
• Semantic Markup
• New APIs
• Better interactive website and application
• Graphics – Canvas
• Performance
• Forms
• And many more…

6. New Tags in HTML5
• Doctype
• Header
• Footer
• Nav
• Section
• Aside
• Figure
• Canvas
• And many more…

7. Skeleton of HTML5 document

8. HTML5 and IE
• IE8 and Below do not understand HTML5 tags
• Plugin Support – HTML5 Shim or Modernizer
• Javascript
• CSS

9. Q & A

10. Feedback

11. Thank you