Modulo 7HTML 5

Indice

Introduccion html 5

Etiquetas nuevas html 5

Ejemplo de archive html 5

Ejemplo geolocalizacion (html 5 + javascript)

Ejercicios simples html5

Introduccion a Html 5

Por que aprender HTML 5?

Desde que salio la version de HTML y HTML 4.01 en 1999 la web ha cambiado enormemente, ahora se accede a internet desde diversos dispositivos y se requeria de una evolucion en el estandar de HTML

Introduccion a Html 5

Solo para recordar:

1991 HTML

1994 HTML 2

1996 CSS 1 + JavaScript

1997 HTML 4

1998 CSS 2

2000 XHTML 1

2002 Tableless Web Design

2005 AJAX

2009 HTML 5

Introduccion a Html 5

Que es lo Nuevo?

HTML5 ~= HTML + CSS + JS

Offline / Storage

Realtime / Communication

File / Hardware Access

Semantics & Markup

Graphics / Multimedia

CSS3

Introduccion a Html 5

Html 5 y el mundo de los dispositivos moviles.

Introduccion a Html 5

Etiquetas nuevas

Etiqueta <video>

Etiquetas nuevas

Etiquetas nuevas

Etiqueta <audio>

Etiquetas nuevas

Etiqueta <canvas>

Etiquetas nuevas

Etiquetas nuevas

Drag and drop

Etiquetas nuevas

Etiquetas nuevas

Nuevos tipos de input: color

date

datetime

datetime-local

email

month

number

range

search

tel

time

url

week

Ejemplo de un archive en html 5

Ejemplo geolocalizacion (html 5 + javascript)

Ver carpeta ejemplo_modulo_7

Ejercicios simples html5

Revisar carpeta ejemplo_modulo_7/ejercicios_simples

Bibliografia

Manual de html5 en espanol, Alejandro Castillo.

W3School, http://www.w3schools.com/html/html5_intro.asp