Curso gratis HTML5

Curso Gratis Online para Trabajadores y Empresas

Si eres trabajador en Régimen General, disfruta del curso gratis online a través de la formación bonificada para empresas.

Nuestros cursos gratis están disponibles en modalidad online o a distancia, consúltanos para informarse de la modalidad del curso gratis para trabajadores de su interés.

OBJETIVOS DEL CURSO GRATIS HTML5

HTML5 es un nuevo concepto para la construcción de sitios web y aplicaciones que combina dispositivos móviles, computación en la nube y trabajos en red. Para ello hemos realizado un curso con las etiquetas de HTML5, con integración al lenguaje de estilos CSS. A lo largo de todo el curso, la estructura que se sigue es la misma (se explica la etiqueta de un apartado y se muestra el código fuente). Además, HTML5 propone continuos ejercicios prácticos que se plantean a lo largo de todo el temario, y que ayudarán al alumno/a a asimilar mejor este lenguaje.

CONTENIDO DEL CURSO GRATIS HTML5

UNIDAD DIDÁCTICA 1. INTRODUCCIÓN AL LENGUAJE HTML5

1. Historia y fundamentos del lenguaje de programación web HTML5
2. Concepto de lenguaje de etiquetas
3. Estructura y características de un documento HTML
4. Cómo definir el tipo de documento
5. Uso de la etiqueta DOCTYPE

UNIDAD DIDÁCTICA 2. ENCABEZADO DEL DOCUMENTO

1. Función de la etiqueta HTML
2. Componentes del encabezado del documento
3. Uso de la etiqueta BASE
4. Importancia de la etiqueta LINK
5. Introducción a la etiqueta SCRIPT
6. Funcionalidad de la etiqueta NOSCRIPT

UNIDAD DIDÁCTICA 3. CUERPO DEL DOCUMENTO

1. Descripción de la etiqueta BODY
2. Cómo crear enlaces internos dentro del documento
3. Establecer enlaces a documentos web externos: relativos y absolutos
4. Creación de enlaces a correo electrónico y FTP
5. Uso de las etiquetas B, EM y STRONG para dar formato al texto
6. Aplicación de las etiquetas CODE, SAMP y KBD
7. Función de las etiquetas VAR, MARK y CITE
8. Uso de las etiquetas I, S, U y SMALL
9. Implementación de las etiquetas SUB, SUP, BR y WBR
10. Uso de las etiquetas INS, DEL y ABBR
11. Función de las etiquetas ADDRESS, BDO y DFN
12. Uso de las etiquetas PRE, Q y BLOCKQUOTE
13. Aplicación de las etiquetas BDI, RUBI, RT, RP y DIALOG

UNIDAD DIDÁCTICA 4. ATRIBUTOS EN HTML5

1. Atributos globales: accesskey, class y contenteditable
2. Atributos globales: data, dir y draggable
3. Atributos globales: hidden, id y lang
4. Atributos globales: spellcheck, style y tabindex
5. Atributos globales: title y encabezados h1-h6
6. Uso de la etiqueta IMG para insertar imágenes
7. Función de la etiqueta TABLE para crear tablas
8. Cómo definir una tabla sencilla
9. Cómo crear una tabla con combinación de columnas
10. Cómo crear una tabla con combinación de filas
11. Cómo definir una tabla con columnas y filas combinadas
12. Estructuración de tablas avanzadas

UNIDAD DIDÁCTICA 5. ESTRUCTURAS BÁSICAS

1. Uso de la etiqueta UL para listas desordenadas
2. Uso de la etiqueta OL para listas ordenadas
3. Uso de la etiqueta DL para listas de definición
4. Web semántica: Uso de las etiquetas DIV, SPAN y HEADER
5. Web semántica: Función de la etiqueta NAV
6. Web semántica: Uso de las etiquetas SECTION y ARTICLE
7. Web semántica: Función de las etiquetas ASIDE y FIGURE
8. Web semántica: Uso de las etiquetas FOOTER, TIME y DETAILS

UNIDAD DIDÁCTICA 6. AUDIO Y VÍDEO

1. Uso de la etiqueta AUDIO para insertar audio
2. Uso de la etiqueta VÍDEO para insertar videos
3. Función de la etiqueta TRACK
4. Uso de la etiqueta EMBED para contenido multimedia
5. Función de la etiqueta OBJECT

UNIDAD DIDÁCTICA 7. FORMULARIOS EN HTML

1. Descripción de la etiqueta FORM para crear formularios
2. Uso de la etiqueta INPUT para entradas de usuario
3. Atributos relevantes: form, formaction y formenctype
4. Atributos relevantes: formmethod, formnovalidate y formtarget
5. Atributos relevantes: height, width y name
6. Atributos relevantes: readonly, required y placeholder
7. Atributos relevantes: value, size y maxlength
8. Atributos relevantes: src, max, min, step y multiple
9. Atributos relevantes: list y pattern
10. Atributos relevantes: type
11. Tipos de entrada: checkbox, color y date
12. Tipos de entrada: datetime, datetime-local, email y file
13. Tipos de entrada: hidden, image, month y week
14. Tipos de entrada: number, password, radio y reset
15. Tipos de entrada: range y search
16. Tipos de entrada: text, time y url
17. Uso de las etiquetas BUTTON, FIELDSET y LABEL
18. Uso de las etiquetas KEYGEN, METER y PROGRESS
19. Uso de las etiquetas OUTPUT y SELECT
20. Uso de la etiqueta TEXTAREA

UNIDAD DIDÁCTICA 8. MARCOS CONTENEDORES

1. Función de la etiqueta IFRAME para crear marcos contenedores

UNIDAD DIDÁCTICA 9. ESTILOS CSS Y MODELOS DE CAJA

1. Elementos de bloque y su uso
2. Aplicación de estilos en línea
3. Uso de archivos CSS externos
4. Cómo referenciar estilos CSS
5. Aplicación de CSS en una plantilla

UNIDAD DIDÁCTICA 10. CUESTIONARIO: CUESTIONARIO FINAL