intro html5 final
TRANSCRIPT
![Page 1: Intro html5 final](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b23c77bb61eba97b8b463a/html5/thumbnails/1.jpg)
![Page 2: Intro html5 final](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b23c77bb61eba97b8b463a/html5/thumbnails/2.jpg)
Training Center
![Page 3: Intro html5 final](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b23c77bb61eba97b8b463a/html5/thumbnails/3.jpg)
Training Center
![Page 4: Intro html5 final](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b23c77bb61eba97b8b463a/html5/thumbnails/4.jpg)
Training Center
![Page 5: Intro html5 final](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b23c77bb61eba97b8b463a/html5/thumbnails/5.jpg)
Training Center
• HTML 5 – sesión 1HTML 5 – sesión 1– ¿Qué es?¿Qué es?
– Marcado Semántico y de diseñoMarcado Semántico y de diseño– CanvasCanvas
– Audio y VideoAudio y Video– Formularios mas sencillosFormularios mas sencillos
![Page 6: Intro html5 final](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b23c77bb61eba97b8b463a/html5/thumbnails/6.jpg)
Training Center
• ¿Qué es HTML 5?¿Qué es HTML 5?– Lenguaje de MarcadoLenguaje de Marcado– 5ta Revisión de HTML5ta Revisión de HTML
– Dos variantes:Dos variantes:• Clásica (text/html)Clásica (text/html)
• XHTML (application/xhtml+xml)XHTML (application/xhtml+xml)
– Actualmente en modo experimental, aunque la Actualmente en modo experimental, aunque la mayoría de navegadores actuales la soporta.mayoría de navegadores actuales la soporta.
![Page 7: Intro html5 final](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b23c77bb61eba97b8b463a/html5/thumbnails/7.jpg)
Training Center
• Marcado semántico y de diseñoMarcado semántico y de diseño
![Page 8: Intro html5 final](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b23c77bb61eba97b8b463a/html5/thumbnails/8.jpg)
Training Center
• Marcado semántico y de diseñoMarcado semántico y de diseño
![Page 9: Intro html5 final](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b23c77bb61eba97b8b463a/html5/thumbnails/9.jpg)
Training Center
• CanvasCanvas– Superficie para dibujar.Superficie para dibujar.
– Manipulable por Java ScriptManipulable por Java Script
![Page 10: Intro html5 final](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b23c77bb61eba97b8b463a/html5/thumbnails/10.jpg)
Training Center
• CanvasCanvas
![Page 11: Intro html5 final](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b23c77bb61eba97b8b463a/html5/thumbnails/11.jpg)
Training Center
• Audio Y videoAudio Y video– ¡Soporte Nativo!¡Soporte Nativo!
![Page 12: Intro html5 final](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b23c77bb61eba97b8b463a/html5/thumbnails/12.jpg)
Training Center
• Audio y VideoAudio y Video
![Page 13: Intro html5 final](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b23c77bb61eba97b8b463a/html5/thumbnails/13.jpg)
Training Center
• Formularios mas sencillosFormularios mas sencillos– Validaciones.Validaciones.
– Campos requeridos.Campos requeridos.
– Formato de campos.Formato de campos.
– placeholdersplaceholders
![Page 14: Intro html5 final](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b23c77bb61eba97b8b463a/html5/thumbnails/14.jpg)
Training Center
• Audio y VideoAudio y Video
![Page 15: Intro html5 final](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b23c77bb61eba97b8b463a/html5/thumbnails/15.jpg)
Training Center
![Page 16: Intro html5 final](https://reader030.vdocuments.pub/reader030/viewer/2022032618/55b23c77bb61eba97b8b463a/html5/thumbnails/16.jpg)