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