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

Html5

  • 1.
    UNIVERSIDAD PARA LAPROFESIONALIZACION EDUCATIVA “HTML5” 21 de Mayo del 2013 Aywinn López Soledad
  • 2.
    • Es unlenguaje 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 estadesarrollando por Lan Hickson y por David Hyatt
  • 4.
    • Nos permiteuna 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 unaetiqueta 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 realizarun 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ódigosHTML5 !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>
  • 8.
  • 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