El objetivo de este tutorial es poder conocer las novedades que se introducen en HTML 5 en forma sencilla
viendo un concepto teórico, luego algunos ejercicios resueltos y
por último y lo más importante desarrollar otros por usted
mismo.
Puede desarrollar los ejercicios en el sitio, probarlos y ver los
resultados inmediatamente.
Puede visitar luego
algunos ejemplos completos utilizando HTML 5
| Orden del concepto | Concepto | Detalle del concepto | Problema resuelto | Problema a resolver |
| 1 | Introducción. |  | ||
| 2 | DOCTYPE | |  | |
| 3 | CANVAS | | | |
| 4 | CANVAS (dibujar líneas) | | |  |
| 5 | CANVAS (dibujar rectángulo - perímetro) | | | |
| 6 | CANVAS (estilos de línea) | | | |
| 7 | CANVAS (rectángulo relleno) | | | |
| 8 | CANVAS (borrar una región) | | | |
| 9 | CANVAS (dibujar varias líneas y rellenar la figura creada) | | | |
| 10 | CANVAS (arcos rellenos y lineal) | | | |
| 11 | CANVAS (curva de bezier) | | | |
| 12 | CANVAS (método quadraticCurveTo) | | | |
| 13 | CANVAS (graficar texto) | | | |
| 14 | CANVAS (graficar imagenes) | | | |
| 15 | CANVAS (transparencias) | | | |
| 16 | CANVAS (sombras) | | | |
| 17 | CANVAS (gradiente lineal) | | | |
| 18 | CANVAS (gradiente radial) | | | |
| 19 | CANVAS (patrones de imagenes) | | | |
| 20 | CANVAS (otro canvas como patrón) | | | |