SlideShare una empresa de Scribd logo
1 de 9
UNIVERSIDAD PARA LA PROFESIONALIZACION EDUCATIVA
“HTML5”
21 de Mayo del 2013 Aywinn López Soledad
• Es un lenguaje que presenta un diseño y
desarrollo de información en una pagina web.
• Sirve para escribir o crear paginas
web.(Tecnología innovadora, 2012)
• HTML: Hypertext Markup Language =
Lenguaje de Marcado Hipertextual
Definición
HTML5
• Se esta desarrollando por Lan Hickson
y por David Hyatt
• Nos permite una mejor interacción con el
contenido media, así como una mayor
facilidad a la hora de codificar nuestro diseño
de pagina.
¿Para qué nos sirve?
• Es una etiqueta o códigos nuevos que nos
permite la insertación de gráficos en 2d como
animaciones, juegos o imágenes.(jgpATs2w,
May 8, 2013)
• <canvas id="tutorial" width="150"height="150"></canvas>
¿Qué es canvas?
• Para realizar un Html a grandes rasgos primero se necesita
un
• HTML: lo cual indica al cliente que estas realizando un html.
• Head: donde se pone información sobre el documento
• Title: es lo que veremos como título de la ventana en los
navegadores que lo permitan y como se conocerá nuestra
página en algunos buscadores
• Body: es donde se coloca la información que queremos
mostrar en la pantalla principal del navegador.
• (IES Gaviota, Departamento de Informática, apuntes de
lenguaje HTML, sexto párrafo)
Estructura
• Ejemplo de
códigos HTML5
!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Insertando video
html5</title>
</head>
<body>
<section>
<video>
<!----- Aquí va el vídeo ----->
</video>
</section>
</body>
</html>
Como
Resultado
Final
BIBLIOGRAFÍA
• Tecnología innovadora (2012) HTML5 Recuperado el día 19 de
mayo del 2013 de
http://tecnologiainnovadoraunad.blogspot.mx/2012/05/para-que-
sirve-el-html5.html
• HTML Recuperado el día 19 de mayo del 2013 de
http://es.html.net/tutorials/html/lesson2.php
• Equipo Wix (2012) 5 Excelentes Sitios HTML5 de los que Aprender
recuperado el día 19 de Mayo del 2013 de
http://es.wix.com/blog/2012/08/5-sitios-html5-para-aprender/
• Recuperado de
http://www.maestrosdelweb.com/editorial/animaciones-2d-con-
video-en-canvas-html5/
• IES gaviota, Departamento de informática, HTML, recuperado de
http://www.juntadeandalucia.es/averroes/iesgaviota/informatica/htm
l.html
• jgpATs2w, (8 de Mayo del 2013) Canvas tutorial recuperado
dehttps://developer.mozilla.org/en-
US/docs/HTML/Canvas/Tutorial?redirectlocale=en-
US&redirectslug=Canvas_tutorial

Más contenido relacionado

La actualidad más candente

La actualidad más candente (9)

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Clase 3. google drive en la educación
Clase 3.  google drive en la educaciónClase 3.  google drive en la educación
Clase 3. google drive en la educación
 
El informante
El informanteEl informante
El informante
 
Html html5 diapositivas
Html  html5 diapositivasHtml  html5 diapositivas
Html html5 diapositivas
 
Trabajo
TrabajoTrabajo
Trabajo
 
Mi lenguaje de programación favorito
Mi lenguaje de programación favoritoMi lenguaje de programación favorito
Mi lenguaje de programación favorito
 
Colegio nacional nicolás esguerra trabajo nº1
Colegio nacional nicolás esguerra trabajo nº1Colegio nacional nicolás esguerra trabajo nº1
Colegio nacional nicolás esguerra trabajo nº1
 
Colegio nacional nicolás esguerra trabajo nº1 (1)
Colegio nacional nicolás esguerra trabajo nº1 (1)Colegio nacional nicolás esguerra trabajo nº1 (1)
Colegio nacional nicolás esguerra trabajo nº1 (1)
 
Colegio nacional nicolás esguerra alan vilaboa.
Colegio nacional nicolás esguerra alan vilaboa.Colegio nacional nicolás esguerra alan vilaboa.
Colegio nacional nicolás esguerra alan vilaboa.
 

Similar a Html5

Amanda andrea trabajo terminado diseño web
Amanda andrea  trabajo terminado diseño webAmanda andrea  trabajo terminado diseño web
Amanda andrea trabajo terminado diseño web
Amnada14
 
Amanda andrea trabajo terminado diseño web
Amanda andrea  trabajo terminado diseño webAmanda andrea  trabajo terminado diseño web
Amanda andrea trabajo terminado diseño web
monacha30
 

Similar a Html5 (20)

Curso HTML5
Curso HTML5Curso HTML5
Curso HTML5
 
Guia 1 fundamentos html
Guia 1 fundamentos htmlGuia 1 fundamentos html
Guia 1 fundamentos html
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
Lenguaje html y sus usos
Lenguaje html y sus usosLenguaje html y sus usos
Lenguaje html y sus usos
 
Prototipado Web
Prototipado WebPrototipado Web
Prototipado Web
 
Guía: fundamentos html
Guía: fundamentos htmlGuía: fundamentos html
Guía: fundamentos html
 
paralelo html-html5
paralelo html-html5paralelo html-html5
paralelo html-html5
 
Paginas web
Paginas webPaginas web
Paginas web
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Html5
Html5Html5
Html5
 
La sociedad
La sociedadLa sociedad
La sociedad
 
Presentación HTML5
Presentación HTML5Presentación HTML5
Presentación HTML5
 
Actividad de aula soportada con aplicaciones Web 2.0.pptx
Actividad de aula soportada con aplicaciones Web 2.0.pptxActividad de aula soportada con aplicaciones Web 2.0.pptx
Actividad de aula soportada con aplicaciones Web 2.0.pptx
 
Evidencia clase 2 tecnoweb
Evidencia clase 2 tecnowebEvidencia clase 2 tecnoweb
Evidencia clase 2 tecnoweb
 
Presentación: Aplicación de evaluaciones digitales
Presentación: Aplicación de evaluaciones digitalesPresentación: Aplicación de evaluaciones digitales
Presentación: Aplicación de evaluaciones digitales
 
Paginas web
Paginas webPaginas web
Paginas web
 
Revista Mundo Contact Septiembre 2011
Revista Mundo Contact Septiembre 2011Revista Mundo Contact Septiembre 2011
Revista Mundo Contact Septiembre 2011
 
Amanda andrea trabajo terminado diseño web
Amanda andrea  trabajo terminado diseño webAmanda andrea  trabajo terminado diseño web
Amanda andrea trabajo terminado diseño web
 
Amanda andrea trabajo terminado diseño web
Amanda andrea  trabajo terminado diseño webAmanda andrea  trabajo terminado diseño web
Amanda andrea trabajo terminado diseño web
 

Último

6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
RigoTito
 
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptxRESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
pvtablets2023
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
UPTAIDELTACHIRA
 

Último (20)

6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptxEL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
 
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptxRESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 

Html5

  • 1. UNIVERSIDAD PARA LA PROFESIONALIZACION EDUCATIVA “HTML5” 21 de Mayo del 2013 Aywinn López Soledad
  • 2. • Es un lenguaje que presenta un diseño y desarrollo de información en una pagina web. • Sirve para escribir o crear paginas web.(Tecnología innovadora, 2012) • HTML: Hypertext Markup Language = Lenguaje de Marcado Hipertextual Definición
  • 3. HTML5 • Se esta desarrollando por Lan Hickson y por David Hyatt
  • 4. • Nos permite una mejor interacción con el contenido media, así como una mayor facilidad a la hora de codificar nuestro diseño de pagina. ¿Para qué nos sirve?
  • 5. • Es una etiqueta o códigos nuevos que nos permite la insertación de gráficos en 2d como animaciones, juegos o imágenes.(jgpATs2w, May 8, 2013) • <canvas id="tutorial" width="150"height="150"></canvas> ¿Qué es canvas?
  • 6. • Para realizar un Html a grandes rasgos primero se necesita un • HTML: lo cual indica al cliente que estas realizando un html. • Head: donde se pone información sobre el documento • Title: es lo que veremos como título de la ventana en los navegadores que lo permitan y como se conocerá nuestra página en algunos buscadores • Body: es donde se coloca la información que queremos mostrar en la pantalla principal del navegador. • (IES Gaviota, Departamento de Informática, apuntes de lenguaje HTML, sexto párrafo) Estructura
  • 7. • Ejemplo de códigos HTML5 !DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8" /> <title>Insertando video html5</title> </head> <body> <section> <video> <!----- Aquí va el vídeo -----> </video> </section> </body> </html>
  • 9. BIBLIOGRAFÍA • Tecnología innovadora (2012) HTML5 Recuperado el día 19 de mayo del 2013 de http://tecnologiainnovadoraunad.blogspot.mx/2012/05/para-que- sirve-el-html5.html • HTML Recuperado el día 19 de mayo del 2013 de http://es.html.net/tutorials/html/lesson2.php • Equipo Wix (2012) 5 Excelentes Sitios HTML5 de los que Aprender recuperado el día 19 de Mayo del 2013 de http://es.wix.com/blog/2012/08/5-sitios-html5-para-aprender/ • Recuperado de http://www.maestrosdelweb.com/editorial/animaciones-2d-con- video-en-canvas-html5/ • IES gaviota, Departamento de informática, HTML, recuperado de http://www.juntadeandalucia.es/averroes/iesgaviota/informatica/htm l.html • jgpATs2w, (8 de Mayo del 2013) Canvas tutorial recuperado dehttps://developer.mozilla.org/en- US/docs/HTML/Canvas/Tutorial?redirectlocale=en- US&redirectslug=Canvas_tutorial