HTML5Mohammad Tahsin AlShalabi Mohammad Opada AlBosh Mariam AlKassar

PowerPlugs: TemplatesContent1- 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

PowerPlugs: Templates Introduction

PowerPlugs: Templates HTML

1- Descriptive language2- Appeared in 19913- It is not a programming language

PowerPlugs: Templates

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.

PowerPlugs: Templates Difference Between HTML&HTML5

1- Simplify syntax.2- Add canvas to draw.3- Add new TAG instead of the <div>.4- multimedia5- Data validation.6- API

PowerPlugs: Templates Browsers supporting html5

PowerPlugs: Templates new Tags Properties

<form>AutocompleteNovalidate

<input>Autocomplete

Height

List

Max

Multiplay

Required

Autofocus

Width Min

StepPlaceholderPattern

PowerPlugs: Templates new Tags Properties

<input type = “some value”>

PowerPlugs: Templates new Tags Properties

<video>Supported extentions: Ogg,MPEG4, Webm

PowerPlugs: Templates new Tags Properties

<audio>Supported extentions: Wav,Ogg, mp3

PowerPlugs: Templates

PowerPlugs: Templates HTML5 APIs

1- Canvas2- Offline apps3- Web storage4- Web workers5- Web sockets6- Geolocation7- Drag drop8- Micro data

PowerPlugs: Templates Data storage

1- Local Storage2- Session Storage

PowerPlugs: Templates

Thank you for your kind attention