Formación bonificada para empresas

Diploma con sello de FUNDAE


Ejemplo de diploma acreditativo + Ampliar

Descargas

PDF Catálogo de cursos 2026+5.000 cursos bonificables
¿Eres RRHH? ¿Qué formación es obligatoria en tu sector?
Valore esta página: Votos: 4.4/5 (260 votos)


Curso online de HTML5 bonificado

Solicitar información

Respondemos en 3 hs. promedio

Diploma con sello de FUNDAE

Al terminar recibes tu diploma con tu nombre, el curso y sus 60 horas.

Ejemplo de diploma acreditativo del curso Ver el diploma de este curso
¿Eres RRHH? Formación bonificada para tu empresa → ¿Qué formación es obligatoria en tu sector? Mapa por sectores: igualdad, protección de datos, PRL y más →
i ¿Quiénes somos? ¿Es este curso homologado?
Nota informativa de CiberAula

¿Es este curso homologado?

Cuidado con algunas marcas de formación
Ana González, CEO de CiberAula
Ana GonzálezCEO de CiberAula

No, y si una marca de formación te ofrece un curso homologado en esta materia, pregúntale cuál es el organismo homologador y en qué boletín oficial (el BOE, el de una comunidad autónoma u otro de igual rango) se publicó la norma que lo homologa. Si no logras despejar las dudas, escríbenos y te ayudamos a aclararlo.

Si lo que buscas es una formación seria en esta materia, la de CiberAula lo es: una formación regulada y supervisada, que cumple la normativa estatal (Ley 30/2015, de 9 de septiembre, y Real Decreto 694/2017, de 3 de julio, publicados en el Boletín Oficial del Estado), está sujeta al control de FUNDAE y termina con un diploma acreditativo. Y si trabajas por cuenta ajena en una empresa privada, este curso se puede bonificar al 100 % de su coste.

Qué significa que un curso esté «homologado»: la explicación completa →

Ana González, CEO de CiberAula

Cursos bonificados Calendario: Flexible.

FUNDAE cursos Fecha disponible: Inmediata.

Cursos bonificados seguridad social Porcentaje de Bonificación: 100%

Cursos online bonificados Diploma con sello de FUNDAE.

Cursos online bonificados Formación regulada y supervisada: cumple la normativa estatal y está sujeta al control de FUNDAE.

cursos virtuales bonificados Temario Personalizado.

FUNDAE cursos Modalidades: teleformación, aula virtual y MIXTA

Cursos bonificados

El sector tecnológico español genera 156.000 millones de euros anuales

4,1%
PIB español del sector TIC (INE, 2023)
89.400
Nuevos empleos tech creados (SEPE, 2024)

El curso

📊 ¿Por qué este curso?
83,37%
de las empresas españolas de 10 o más empleados tenía sitio web en 2025; HTML5 es el lenguaje de marcado con el que se construyen sus páginas
Fuente: Eurostat · Uso de internet en empresas 2025
Duración
La duración del curso de HTML5 es de 60 horas, acreditadas en el Diploma del mismo.PLAZO DE REALIZACIÓN:El plazo se puede establecer según las necesidades del alumno o del plan de formación de la empresa.
Plazo extendido gratuito Sin coste

Cuando termines el curso y quede gestionada la bonificación, si lo solicitas te damos un nuevo acceso al curso durante 3 meses más, sin ningún coste adicional, para repasar los contenidos y los vídeos siempre que lo necesites.

Por qué formarte con Ciberaula · 1 min

Objetivos

  • Conocer la historia y caracteristicas fundamentales de HTML5
  • Utilizar etiquetas semanticas de HTML5 para estructurar contenidos web modernos
  • Aplicar CSS integrado para disenar paginas web responsivas y atractivas
  • Desarrollar ejercicios practicos que refuercen la comprension de HTML5 y CSS
  • Crear sitios web accesibles siguiendo estandares actuales de desarrollo


Bonificación Curso bonificable al 100%
Bonificacion

Bonificación

Este curso puede ser bonificado al 100% para la empresa receptora, incluso aunque esta tenga un porcentaje de copago en razón de su número de empleados en plantilla. El coste de la formación se recuperará mediante descuento en el pago de los seguros sociales.
Este descuento será aplicable libremente en cualquier mes del año posterior a la fecha en que haya finalizado la formación. Podrán bonificarse las matrículas de aquellos alumnos que realicen al menos el 75% del curso con éxito.
Modalidades Teleformación · Aula virtual · Mixta · Presencial
Modalidades

Modalidades

EN CURSOS ONLINE
Teleformación: En esta modalidad todo el curso se realiza a través de internet, con acceso las 24 hs. todos los días de la semana y plazo máximo de seis meses. No hay actividades como clases a las que el alumno deba asistir en horarios y fechas programados.
Aula virtual: En esta modalidad la formación se imparte mediante clases en directo a través de internet, es decir clases tele-presenciales, que se llevarán a cabo a través de ZOOM, Skype u otra herramienta a convenir.
Modalidad MIXTA: Combinación de las dos modalidades anteriores. Los trabajadores asisten a clases en directo (por ejemplo una a la semana) y entre clases disponen de material para avanzar en el curso en la plataforma. Es la más completa para grupos de trabajadores que realizan un mismo curso.

EN CURSOS PRESENCIALES o SEMI - PRESENCIALES
En esta modalidad los trabajadores realizan el curso asistiendo físicamente a un aula en la que se imparte la formación. Puede ser complementada igualmente con acceso a una plataforma online entre clases. Para esta modalidad se requiere una consulta previa de disponibilidad en la ciudad donde se desee llevar a cabo.

Temario


NOTA:

Trabajamos con la metodologia de curso personalizado, creada por Ciberaula en 1997. Usted puede solicitar un curso a la medida de sus objetivos, que combine lecciones de 2 o mas cursos en un plan de formacion a su medida. Si este es su caso consultenos, esta metodologia ofrece un aprovechamiento maximo de la formacion en los cursos bonificados para trabajadores.

El temario predefinido del curso online de HTML5 es el siguiente:

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 -


Todo lo que necesitas saber antes de empezar

Información práctica — pulsa cada sección para desplegarla

💻 Software

  • Editor de código: VS Code (gratis) — es la opción recomendada. Alternativas igualmente válidas: Sublime Text (gratis), Notepad++ (Windows, gratis) o cualquier editor de texto plano.
  • Navegador web: Chrome, Firefox o Edge en versión actual — todos gratis. Usarás las DevTools integradas para inspeccionar el código.
  • Sin instalación de servidor: HTML5 puro se abre directamente en el navegador. No necesitas XAMPP, Node ni ningún servidor local.
  • Opcional: extensión Live Server para VS Code (gratis) — recarga el navegador automáticamente al guardar.

?️ Hardware

  • Cualquier PC o portátil de los últimos 5-6 años.
  • 4 GB de RAM son suficientes. Con 8 GB irás más cómodo si tienes muchas pestañas abiertas, pero no es obligatorio.
  • Sistema operativo: Windows 10/11, macOS o Linux — el curso funciona igual en los tres.

🔑 Cuentas y servicios

  • No necesitas crear ninguna cuenta para seguir el curso.
  • Opcional recomendado: cuenta gratuita en GitHub para guardar y compartir tus proyectos (github.com).

📚 Conocimientos previos

  • No se requiere experiencia previa en programación. El curso parte desde cero.
  • Saber usar el navegador y el teclado con soltura es todo lo que necesitas.
  • Si ya sabes algo de HTML antiguo (HTML 4), este curso te actualizará a los estándares modernos de HTML5.

A lo largo del curso construirás páginas reales desde cero, aplicando cada bloque del temario a casos concretos que puedes incluir en tu portafolio:

  1. Página de presentación personal: estructura semántica completa con header, nav, section, aside y footer. Caso de uso: primer proyecto de portafolio que cualquier empresa puede ver.
  2. Artículo de blog con tipografía enriquecida: uso de etiquetas de texto (strong, em, blockquote, cite, mark, abbr) y tabla de contenidos con enlaces internos. Caso de uso: maquetación de contenido editorial.
  3. Galería multimedia: integración de imágenes con texto alternativo accesible, vídeo con subtítulos (track) y audio incrustado. Caso de uso: página de portfolio fotográfico o musical.
  4. Formulario de contacto completo: campos de texto, email, teléfono, fecha, rango, checkbox, radio y botón de envío con validación nativa HTML5. Caso de uso: formulario real listo para conectar con cualquier backend.
  5. Plantilla web con CSS integrado: modelo de caja, estilos en línea y hoja externa aplicados sobre una página de producto. Caso de uso: base reutilizable para cualquier proyecto web posterior.
¿Cuánto sabes ya de HTML5?
5 preguntas rápidas para que sepas si este curso encaja con tu nivel actual. No se guarda ningún resultado.
1 ¿Qué etiqueta define el tipo de documento en HTML5?
2 ¿Cuál de estas etiquetas es semántica de HTML5?
3 ¿Qué atributo hace que un campo de formulario sea obligatorio?
4 ¿Qué etiqueta usarías para incrustar un vídeo directamente en la página sin plugins externos?
5 ¿Cuál es la diferencia principal entre <strong> y <b> en HTML5?

Estos son los tropiezos más frecuentes al aprender HTML5. Reconocerlos a tiempo te ahorrará horas de depuración:

  • No cerrar etiquetas correctamente: olvidar </li>, </div> o </td> provoca que el navegador «adivine» la estructura, con resultados impredecibles según el navegador.
  • Confundir etiquetas de bloque e inline: meter un <p> dentro de otro <p>, o un <div> dentro de un <span>, genera HTML inválido que los navegadores corrigen de formas distintas.
  • Olvidar el atributo alt en las imágenes: es obligatorio para accesibilidad y SEO. Dejarlo vacío solo es aceptable cuando la imagen es puramente decorativa.
  • Usar etiquetas obsoletas: <font>, <center>, <marquee> o <blink> no son HTML5. Todo el estilo visual va en CSS.
  • Mezclar mayúsculas y minúsculas en etiquetas: aunque los navegadores lo toleran, <IMG> o <Div> no es HTML5 válido. Usa siempre minúsculas.
  • No declarar el charset en el <head>: sin <meta charset="UTF-8"> los caracteres especiales (ñ, tildes, €) se muestran corruptos en algunos entornos.
  • Anidar tablas para maquetar: las tablas son para datos tabulares, no para layout. Usa <div> con CSS o etiquetas semánticas.
  • Rutas de archivos incorrectas: confundir rutas relativas y absolutas en src o href hace que imágenes, CSS o enlaces no carguen al subir el sitio a un servidor.
  • Formularios sin <label> asociado: conectar cada <label> a su <input> con el atributo for es esencial para accesibilidad y para que el clic en la etiqueta active el campo.

Recursos gratuitos que complementan el curso y te acompañarán mucho más allá de él:

⌨️ Atajos y referencias rápidas

  • Emmet en VS Code: escribe ul>li*5 y pulsa Tab — genera la estructura HTML al instante. Viene activado por defecto en VS Code.
  • devhints.io/html: cheat sheet de etiquetas HTML5 para consultar sin abrir la documentación completa.
  • overapi.com/html-dom: referencia visual de atributos y etiquetas organizada por categorías.

📖 Documentación oficial

  • developer.mozilla.org (MDN): la referencia más completa y actualizada de HTML5, CSS y la web en general. Disponible parcialmente en español.
  • validator.w3.org: validador oficial del W3C — pega tu HTML y te dice exactamente qué está mal y por qué.
  • caniuse.com: comprueba qué navegadores soportan cada etiqueta o atributo antes de usarlo en producción.

?️ Herramientas gratuitas

  • VS Code + extensión Live Server: refresco automático del navegador al guardar. Instala desde el marketplace de VS Code.
  • Chrome DevTools / Firefox DevInspector: pulsa F12 en cualquier página para inspeccionar, editar y depurar HTML y CSS en tiempo real.
  • CodePen (codepen.io): editor online para probar fragmentos de HTML/CSS sin crear archivos. Ideal para experimentar rápido.

👥 Comunidades donde resolver dudas

  • Stack Overflow (stackoverflow.com): busca el mensaje de error exacto — casi seguro que alguien ya lo resolvió.
  • r/learnprogramming y r/webdev: comunidades en Reddit para principiantes y desarrolladores web, muy activas en español e inglés.
  • dev.to: artículos y tutoriales escritos por desarrolladores reales sobre HTML, CSS y buenas prácticas.

Preguntas frecuentes

Solicitar información

Respondemos en 3 hs. promedio


Por qué formarte con Ciberaula · 1 min
Glosario FUNDAE  —  Diccionario técnico de los 300 términos del sistema de formación bonificada Ver glosario →