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.

Categoría: Etiqueta:

Temario del curso

1 Introducción al lenguaje HTML5
1.1 Historia e introducción al lenguaje de programación web HTML5
1.2 Lenguaje de etiquetas
1.3 Estructura y definición de documento HTML
1.4 Definición del tipo de documento
1.5 Etiqueta DOCTYPE
1.6 Cuestionario: Introducción al lenguaje HTML5

2 Encabezado del documento
2.1 Etiqueta HTML
2.2 Encabezado del documento
2.3 Etiqueta BASE
2.4 Etiqueta LINK
2.5 Etiqueta SCRIPT
2.6 Etiqueta NOSCRIPT
2.7 Cuestionario: Encabezado del documento

3 Cuerpo del documento
3.1 Etiqueta BODY
3.2 Enlaces internos en el documento
3.3 Enlaces a documentos web externos relativos y absolutos
3.4 Enlaces a correo electrónico, ftp
3.5 Etiqueta B, EM y STRONG
3.6 Etiqueta CODE, SAMP y KBD
3.7 Etiqueta VAR, MARK y CITE
3.8 Etiqueta I, S, U y SMALL
3.9 Etiqueta SUB, SUP, BR y WBR
3.10 Etiqueta INS, DEL Y ABBR
3.11 Etiqueta ADDRESS, BDO y DFN
3.12 Etiqueta PRE, Q y BLOCKQUOTE
3.13 Etiqueta BDI, RUBI, RT, RP y DIALOG
3.14 Cuestionario: Cuerpo del documento

4 Atributos en HTML5
4.1 Atributos Globales – accesskey, class y contenteditable
4.2 Atributos Globales – data, dir y draggable
4.3 Atributos Globales – hidden, id y lang
4.4 Atributos Globales – spellcheck, style y tabindex
4.5 Atributos Globales – title y h1-h6
4.6 Etiqueta IMG
4.7 Etiqueta TABLE
4.8 Definición de una tabla sencilla
4.9 Definición de una tabla con combinación de columnas
4.10 Definición de una tabla con combinación de filas
4.11 Definición de tabla con columnas y filas combinadas
4.12 Definición de tablas avanzadas
4.13 Cuestionario: Atributos en HTML5

5 Estructuras básicas
5.1 Etiqueta UL
5.2 Etiqueta OL
5.3 Etiqueta DL
5.4 Web semántica – Etiqueta DIV, SPAN y HEADER
5.5 Web semántica – Etiqueta NAV
5.6 Web semántica – Etiqueta SECTION y ARTICLE
5.7 Web semántica – Etiqueta ASIDE y FIGURE
5.8 Web semántica – Etiqueta FOOTER, TIME y DETAILS
5.9 Cuestionario: Estructuras básicas

6 Audio y video
6.1 Etiqueta AUDIO
6.2 Etiqueta VIDEO
6.3 Etiqueta TRACK
6.4 Etiqueta EMBED
6.5 Etiqueta OBJECT
6.6 Cuestionario: Audio y video

7 Formularios en HTML
7.1 Etiqueta FORM
7.2 Etiqueta INPUT
7.3 Atributos – form, formaction y formenctype
7.4 Atributos – formmethod, formnovalidate y formtarget
7.5 Atributos – height, width y name
7.6 Atributos – readonly, required y placeholder
7.7 Atributos – value, size y maxlength
7.8 Atributos – src, max, min, step y multiple
7.9 Atributos – list y pattern
7.10 Atributos – type
7.11 Tipo checkbox, color y date
7.12 Tipo datetime y datetime-local, email y file
7.13 Tipo hidden, image y month y week
7.14 Tipo number, password, radio y reset
7.15 Tipo range y search
7.16 Tipo text, time y url
7.17 Etiqueta BUTTON, FIELDSET y LABEL
7.18 Etiqueta KEYGEN, METER y PROGRESS
7.19 Etiqueta OUTPUT y SELECT
7.20 Etiqueta TEXTAREA
7.21 Cuestionario: Formularios en HTML

8 Marcos contenedores
8.1 Etiqueta IFRAME
8.2 Cuestionario: Marcos contenedores

9 Estilos CSS y modelos de caja
9.1 Elementos block
9.2 Estilos en línea
9.3 Archivos externos
9.4 Referencias
9.5 Aplicando CSS a una plantilla
9.6 Cuestionario: Estilos CSS y modelos de caja

10 Cuestionario: Cuestionario final

Información adicional

Número de horas

Esta web utiliza cookies propias para su correcto funcionamiento. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad