Introduction to HTML5

1. HTML5
Mohammad Tahsin AlShalabi Mohammad Opada AlBosh Mariam AlKassar

2. PowerPlugs: TemplatesContent
1- Introduction
2- what is HTML?
3- what is HTML5?
4- How did HTMl5 started ?
5- what is the difference between HTML&HTML5?
6- browsers Supporting html5
7- new Tags properties
8- API
9- data storage at user

3. PowerPlugs: Templates Introduction

4. PowerPlugs: Templates HTML
1- Descriptive language
2- Appeared in 1991
3- It is not a programming language

5. PowerPlugs: Templates

6. PowerPlugs: Templates How started the idea HTML5?
-The fruit of cooperation between
W3C and WHATWG
(web hypertext Application Technology Working Group)
 Most important rules of HTML5
1- The new features are built depending on
HTML,CSS,Dom,Javascript.
2- Reduce the need for external components
such as Flash.
3- The best features in processing errors.

7. PowerPlugs: Templates Difference Between HTML&HTML5
1- Simplify syntax.
2- Add canvas to draw.
3- Add new TAG instead of the <div>.
4- multimedia
5- Data validation.
6- API

8. PowerPlugs: Templates Browsers supporting html5

9. PowerPlugs: Templates new Tags Properties
 <form>
Autocomplete
Novalidate
 <input>
Autocomplete
Height
List
Max
Multiplay
Required
Autofocus
Width Min
StepPlaceholderPattern

10. PowerPlugs: Templates new Tags Properties
 <input type = “some value”>

11. PowerPlugs: Templates new Tags Properties
 <video>
Supported extentions: Ogg,MPEG4, Webm

12. PowerPlugs: Templates new Tags Properties
 <audio>
Supported extentions: Wav,Ogg, mp3

13. PowerPlugs: Templates

14. PowerPlugs: Templates HTML5 APIs
1- Canvas
2- Offline apps
3- Web storage
4- Web workers
5- Web sockets
6- Geolocation
7- Drag drop
8- Micro data

15. PowerPlugs: Templates Data storage
1- Local Storage
2- Session Storage

16. PowerPlugs: Templates
Thank you for your kind attention