newtagsHTML5 es un lenguaje de marcas empleado para estructurar y presentar contenido en la Web.

Como su nombre lo indica es la quinta revisión del estándar HTML y permite soportar lo último en multimedia.

De hecho HTML5 agrega elementos como video, audio y canvas, como así también integración para gráficos vectoriales (SVG) y MathML para fórmulas matemáticas. Estas características permiten incluir y controlar contenido multimedia en la web sin tener que recurrir a plugins y APIs propietarias.

También se incluyen nuevos elementos (como section, article, header y nav) y atributos, y se han eliminado otros para enriquecer la semántica del contenido de documentos. HTML5 es un candidato potencial para ser usado en aplicaciones multiplataforma móviles, incluso muchas de las características de este lenguaje fueron pensadas para ser ejecutadas en dispositivos de bajo consumo como tabletas y teléfonos inteligentes.


01. Presentación.

Comenzamos un nuevo curso de HTML5. En este vídeo de presentación vemos los contenidos que se impartirán durante el curso.

02.Conceptos básicos.

Comenzamos a ver algunos de los conceptos básicos de HTML 5. En qué consiste exactamente esta tecnología o estándar. Creamos ya nuestra primera página web en HTML 5.

03.Nuevos elementos de estructura en HTML5

Vemos en este vídeo el uso de la etiqueta title, la estructura de la etiqueta link y comenzamos a ver las nuevas estructuras de etiqueta de HTML5, como por ejemplo la etiqueta header y la etiqueta nav.

04. Estructura del cuerpo y nuevos elementos  

En esta vídeo seguimos completando la estructura de nuestra primera página web y vemos los nuevos elementos de HTML5 article, header y hgroup.

05. Figure figcaption y Nuevos elementos

En este vídeo vemos el uso de las nuevas etiquetas figure, figcaption y también vemos algunas etiquetas obsoletas y el significado semántico que han adquirido antiguas etiquetas en HTML5.

06. CSS_I

Nos introducimos en este vídeo en CSS. Vemos dónde puede ir el código CSS, tipos de selectores y el modelo de caja-contenedor.

07.CSS II Modelo caja contenedor

En este vídeo tratamos el modelo caja contenedor de CSS. Vemos los diferentes estilos que existen (hoja independiente, cabecera y en línea), así como las propiedades CSS float, margin y padding.

08.CSS3 I Nuevas reglas

En este vídeo comenzamos a ver algunos de los nuevos elementos de CSS3. Vemos los nuevos selectores pseudoclases y vemos también las nuevas reglas que permiten redondear esquinas y agregar sombras a contenedores y texto.

09. Css3 II.Degradados y transiciones

Vemos en este vídeo como aplicar degradados y efectos de transición con las nuevas reglas CSS3.

10. Ejercicio guiado I

Realizamos un ejercicio guiado con gran parte de lo aprendido hasta ahora. Utilizamos algunas de las nuevas etiquetas de la especificación HTML5 y algunas de las nuevas reglas CCS3.

11. Ejercicio guiado II

Finalizamos en este vídeo el ejercicio guiado.