ESCUELA SUPERIOR POLITECNICA DE CHIMBORAZO

ESCUELA DE INGENIERA EN SISTEMAS

APLICACIONES WEB
TEMA: Ejercicios HTML5

ELABORADO POR:
NELSON CUVI 4181

NIVEL:
NOVENO

Riobamba Ecuador

DOCTYPE En este ejemplo podemos observar la utilizacin de la etiqueta doctype y su nuevo formato de declaracin en HTML5 el cual difiere y es mucho mas sencilla que la de versiones anteriores a HTML.

RESULTADO:

CANVAS Este ejemplo muestra el funcionamiento de una de las nuevas etiquetas de HTML5 la cual es CANVAS y la cual actua como un lienzo en el cual dibujar figuras, con la ayuda de lenjuage JavaScript. Podemos definir atributos como el area del lienzo.

RESULTADO:

CANVAS (Dibujar Lineas) Otro ejemplo de la etiqueta CANVAS y de las facilidades que nos da HTML5 es la de dibujar diferentes tipos de figuras y objetos, y en este caso vemos como se dibujan segmentos de linea, con el tamao y el color deseado.

RESULTADO:

CANVAS (Rectangulo relleno) Con la ayuda de funciones y procedimientos JavaScript es posible integrar facilmente al lienzo CANVAS de HTML5 y dibujar distintas figuras y rellenarles del color o la textura deseada.

RESULTADO:

CANVAS (dibujar varias lneas y rellenar la figura creada) Este ejemplo muestra la combinacion de las figuras creadas en ejemplos anteriores es decir las formas y figuras, con lo que observamos que es posible crear objetos personalizados y que se ajusten a nuestros gustos y necesidades.

RESULTADO:

CANVAS (graficar imgenes) Canvas nos da la posibilidad de dibujar imgenes complejas y adems tambin seleccionar y dibujar partes de l, lo que nos muestra la gama de posibilidades que tenemos con HTML5.

RESULTADO:

AUDIO

Otra de las nuevas etiquetas es la llamada AUDIO que nos permite trabajar directamente con archivos de audio sin la necesidad de utilizar las etiquetas genricas delas otras versiones y as evitar el requerir la instalacin de plugins adicionales.

RESULTADO:

VIDEO Otra de las etiquetas interesantes y nuevas de HTML5 es la de Video que de igual forma que la anterior nos brinda la posibilidad de trabajar sin necesidad de plugins adicionales, y nicamente le daremos la direccin URL de origen del video y listo.

RESULTADO:

ELEMENTOS HTML SEMNTICOS HTML5 nos brinda la posibilidad de crear paginas web semnticas es decir que cumplan nos ofrezcan la posibilidad de acoplarnos una estructura de interfaz determinada y de fcil identificacin, es decir tenemos etiquetas con la cuales definiremos las diferentes partes involucradas en una pagina web, como la cabecera, navegacin, mens, etc.

RESULTADO: