Diploma con sello de FUNDAE
+ Ampliar
Descargas
Catálogo de cursos 2026+5.000 cursos bonificablesRespondemos en 3 hs. promedio
Diploma con sello de FUNDAE
Al terminar recibes tu diploma con tu nombre, el curso y sus 40 horas.
Ver el diploma de este curso
Calendario: Flexible.
Fecha disponible: Inmediata.
Porcentaje de Bonificación: 100%
Diploma con sello de FUNDAE.
Formación regulada y supervisada: cumple la normativa estatal y está sujeta al control de FUNDAE.
Temario Personalizado.
Modalidades: teleformación, aula virtual y MIXTA
| La duración del curso de HTML es de 40 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. |
Al terminar el curso conservas el acceso a la plataforma durante hasta un año más, sin ningún coste adicional, para volver a consultar los vídeos y los materiales siempre que quieras.
| 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. |
| 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. |
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 HTML es el siguiente:
1 Internet
1.1 Qué es Internet
1.2 Los comienzos de Internet
1.3 Aplicaciones que nos ofrece Internet
1.4 Qué es WWW
1.5 Servicios que nos ofrece WWW
1.6 Cuestionario: Internet
2 Conceptos básicos
2.1 Qué es HTML
2.2 Servidores y clientes WWW
2.3 Dominios
2.4 Protocolos de direccionamientos - URL
2.5 Transporte de la información - http
3 Estructura de un documento HTML
3.1 Estructura básica
3.2 Acentos y caracteres especiales
3.3 Comentarios
3.4 Aprender de otras páginas
3.5 Primer ejemplo
3.6 Práctica - Plantilla
3.7 Práctica - Acentos, caracteres especiales y comentarios
3.8 Cuestionario: Estructura de un documento HTML
4 Dar formato a un documento
4.1 Formato de párrafo
4.2 Títulos
4.3 Formato de texto
4.4 Etiquetas para cambiar el tamaño y el tipo de letra
4.5 Formato de línea
4.6 Páginas con colores
4.7 Ejercicio de repaso
4.8 Práctica - Tamaños y formatos
4.9 Práctica - Líneas
4.10 Práctica - Colores
4.11 Práctica - Introducción
4.12 Cuestionario: Dar formato a un documento
5 Listas
5.1 Listas desordenadas
5.2 Listas ordenadas
5.3 Listas de definición
5.4 Práctica - Listas
5.5 Práctica - Provincias
6 Imágenes
6.1 La etiqueta IMG
6.2 Parámetros de la etiqueta IMG
6.3 Posición de la imagen con respecto al texto
6.4 Borde de la imagen
6.5 Tamaño de la imagen
6.6 JPEG o GIF
6.7 Fondos de páginas
6.8 Optimización de imágenes
6.9 Mosaico de imágenes
6.10 Práctica - Tarragona
6.11 Práctica - Escalado de imágenes
6.12 Práctica - Mosaico de imágenes
6.13 Cuestionario: Imágenes
7 Enlaces
7.1 Enlaces
7.2 Creación de enlaces dentro de una misma página
7.3 Enlaces con otra página dentro de nuestro sistema
7.4 Enlaces con una página fuera de nuestro sistema
7.5 Referencias a otros documentos
7.6 Mejorar la apariencia de los enlaces
7.7 Práctica - Enlaces en andalucia
7.8 Práctica - Cueva del gato
7.9 Práctica - Enlaces en provincias
7.10 Cuestionario: Enlaces
8 Tablas
8.1 Qué es una Tabla
8.2 Tablas básicas
8.3 Los parámetros HEIGHT y WIDTH
8.4 Alineaciones del texto dentro de la celda
8.5 Mejorar la apariencia de una tabla
8.6 Tablas avanzadas
8.7 Práctica - Una tabla compleja
8.8 Práctica - Una tabla atractiva
8.9 Práctica - Modificar provincias
8.10 Cuestionario: Tablas
9 Mapas sensibles
9.1 Qué es un mapa sensible
9.2 Tipos de mapas sensibles
9.3 Pasos para elaborar un mapa sensible
9.4 Definición de zonas sensibles
9.5 Definición de mapa
9.6 Parámetros de la etiqueta AREA
9.7 Usar un mapa
9.8 Práctica - Creación de un mapa sensible
9.9 Cuestionario: Mapas sensibles
10 Marcos
10.1 Qué son los marcos
10.2 La etiqueta FRAMESET
10.3 La etiqueta FRAME
10.4 Parámetros de la etiqueta FRAME
10.5 Marcos sin bordes
10.6 Acceso a otros marcos
10.7 Trabajar sin soporte de marcos
10.8 Ejemplo de marcos anidados
10.9 Práctica - Creación de una página con marcos
10.10 Cuestionario: Marcos
11 Multimedia
11.1 Insertar sonidos
11.2 Insertar vídeos
11.3 Marquesinas
11.4 Gifs animados
11.5 Práctica - Creación de una página multimedia
11.6 Cuestionario: Multimedia
12 Formularios
12.1 Qué es un formulario
12.2 Elementos de un formulario
12.3 La etiqueta FORM
12.4 Entrada de datos
12.5 Botones de envío y borrado
12.6 Procesado de los datos
12.7 Práctica - Creación de un formulario
12.8 Cuestionario: Formularios
13 Hojas de estilo
13.1 Hojas de estilo
13.2 Clases
13.3 Aplicar una misma hoja de estilo a distintos documentos
13.4 Agrupación de reglas
13.5 Aplicación de estilo a los enlaces
13.6 Comentarios
13.7 Hojas de estilo - referencia
13.8 Valores reconocidos
13.9 Práctica - Creación de una hoja de estilo
13.10 Cuestionario: Hojas de estilo
14 Capas
14.1 Qué es una capa
14.2 Propiedades de las capas
14.3 Posición y tamaño de las capas
14.4 Apilar capas
14.5 Color de fondo y transparencias
14.6 Práctica - Creación de una página con capas
14.7 Cuestionario: Capas
15 JavaScript
15.1 Lenguajes de Script
15.2 Java y JavaScript
15.3 El lenguaje JavaScript
16 Editores y lenguajes de programación
16.1 Dreamweaver
16.2 FrontPage
16.3 Diferencias entre Dreamweaver y FrontPage
16.4 Lenguajes de programación para páginas Web
16.5 Cuestionario: Editores HTML
17 Promoción y publicación
17.1 Dónde alojar nuestra página Web
17.2 Cómo hacerla localizable
17.3 Conseguir que nuestra Web aparezca en los primeros lugares
17.4 Contadores
17.5 Libros de visita
17.6 Cuestionario: Promoción y publicación
17.7 Cuestionario: Cuestionario final HTML -
A lo largo del curso construyes páginas web reales desde cero, aplicando cada bloque de teoría de forma inmediata. Estos son los proyectos principales que realizarás:
Estos son los fallos que aparecen una y otra vez cuando alguien aprende HTML por primera vez. Léelos antes de empezar y ahórrate horas de depuración.
Inicio
<div>, <p> o <ul> necesita su cierre correspondiente. Un tag sin cerrar rompe el diseño de toda la sección siguiente.src="C:\Users\Ana\foto.jpg" solo funciona en tu ordenador. Usa siempre rutas relativas como src="imagenes/foto.jpg".color no es un atributo válido en HTML moderno; pertenece a CSS. Mezclarlos genera código inválido y difícil de mantener.<!DOCTYPE html> al inicio hace que el navegador entre en modo quirks y renderice la página de forma impredecible.mi pagina.html causa errores en URLs. Usa guiones o guiones bajos: mi-pagina.html.<div> dentro de un <span> no es HTML válido y produce comportamientos inesperados.<img src="logo.png"> sin alt es inaccesible y penaliza el SEO. Siempre: alt="descripción breve".index.txt, el navegador lo mostrará como texto plano en lugar de renderizar la página.style="color:red" en cada elemento funciona para aprender, pero hace el código imposible de mantener. Desde el principio practica separar HTML y CSS en archivos distintos.Recursos gratuitos y contrastados para que puedas consultar, practicar y resolver dudas durante y después del curso.
Artículos publicados sobre HTML
|
Por Jasmin Fasquelle Formularios en HTML: Guía Completa para Principiantes Crear formularios en HTML es fundamental para cualquier desarrollador web que quiera recolectar información de los usuarios. Los formularios HTML permiten capturar datos mediante una serie de elementos como campos de texto, botones de envío, casillas de verificación y listas desplegables. Este componente esencial de HTML es clave para crear formularios de contacto, encuestas, formularios de registro y mucho más. Para empezar a construir un formulario HTML, es importante conocer las etiquetas básicas como <form>, que establece el formulario, y <input>, que define el tipo de entrada, ya sea un campo de texto, correo electrónico, contraseña, entre otros. Además, puedes personalizar el aspecto y la funcionalidad del formulario con atributos como placeholder, required y pattern. Entender cómo usar correctamente estos elementos hará que tu formulario web sea eficiente y fácil de usar. Finalmente, es vital aprender a validar formularios en HTML para asegurarte de que los datos ingresados sean correctos antes de enviarlos al servidor. Puedes hacer esto mediante validación del lado del cliente usando HTML5 y JavaScript, o del lado del servidor con lenguajes como PHP. La validación mejora la experiencia del usuario y protege contra la entrada de datos no deseados. Siguiendo esta guía, tendrás las herramientas básicas para crear formularios efectivos en HTML que recojan información valiosa de tus usuarios. |
|---|
Estrategias para Mantener el Código HTML Limpio y Organizado
El mantenimiento de un código HTML limpio y organizado es esencial para el desarrollo web eficiente. Un código bien estructurado no solo facilita la lectura y el mantenimiento, sino que también mejora la compatibilidad con navegadores y la optimización de motores de búsqueda (SEO). Una de las estrategias clave es utilizar una indentación consistente, lo que ayuda a visualizar la estructura del documento y a identificar rápidamente los elementos anidados. Además, es importante comentar el código de manera efectiva, lo que permite a otros desarrolladores (o a uno mismo en el futuro) entender rápidamente el propósito de diferentes secciones y elementos. Otra técnica fundamental es la separación de contenido y estilo. Utilizar hojas de estilo en cascada (CSS) para el diseño y la presentación permite mantener el HTML centrado en la estructura y el contenido. Esto no solo hace que el código sea más limpio, sino que también mejora la accesibilidad y la flexibilidad del diseño. Además, es crucial evitar la redundancia en el código HTML. La reutilización de clases y la evitación de estilos en línea contribuyen a un código más eficiente y fácil de gestionar. Finalmente, la validación regular del código HTML es una práctica esencial. Herramientas como el validador de W3C pueden identificar y corregir errores que podrían afectar la visualización del sitio en diferentes navegadores y dispositivos. Mantener un código HTML limpio y validado no solo mejora la experiencia del usuario, sino que también es un componente clave en la optimización del rendimiento del sitio web. |
|---|
Datos Curiosos Sobre HTML que Todo Desarrollador Web Debería Saber El mundo del desarrollo web está repleto de tecnologías intrigantes y HTML (HyperText Markup Language) es una de ellas. A pesar de ser una de las tecnologías fundamentales para la creación de páginas web, hay varios datos curiosos sobre HTML que muchos desarrolladores pueden no conocer. Por ejemplo, HTML no es un lenguaje de programación en el sentido tradicional; en realidad, es un lenguaje de marcado que se utiliza para estructurar contenido en la web. Esta distinción es crucial y a menudo sorprende a los nuevos desarrolladores que se adentran en el campo del diseño web. Otra curiosidad interesante es que la primera versión de HTML, diseñada por Tim Berners-Lee en 1991, solo tenía 18 etiquetas. Esto es notablemente modesto comparado con el extenso conjunto de herramientas que HTML5, la versión más reciente, ofrece hoy en día. HTML5 ha ampliado enormemente las capacidades de HTML, incorporando soporte para multimedia, gráficos, efectos visuales, y más, lo que lo convierte en una herramienta esencial para cualquier desarrollador web moderno. Además, muchos no saben que HTML fue inspirado en parte por el lenguaje SGML (Standard Generalized Markup Language), utilizado para la documentación de grandes sistemas. Esta influencia es la razón detrás de algunas de las convenciones de nomenclatura y estructura de HTML. Estos datos no solo son curiosidades; también proporcionan una perspectiva valiosa sobre cómo HTML ha evolucionado para convertirse en la columna vertebral de casi toda la web como la conocemos hoy. |
|---|
Accesibilidad web: implementando HTML para Sitios Accesibles La accesibilidad web es un aspecto esencial en el diseño y desarrollo de sitios web. Implementar HTML adecuadamente es clave para garantizar que los sitios web sean accesibles para todos los usuarios, incluyendo a aquellos con discapacidades. Utilizar etiquetas semánticas de HTML, como 'header', 'nav', 'main', 'footer', y roles ARIA, ayuda a los lectores de pantalla a interpretar la estructura y el contenido de la página, mejorando la experiencia del usuario para personas con discapacidades visuales. Además, la inclusión de atributos alt en las imágenes es vital para describir visualmente el contenido a usuarios que no pueden ver las imágenes directamente. Otro componente importante para la accesibilidad web es garantizar que todos los elementos interactivos sean accesibles mediante teclado. Esto incluye enlaces, botones, y formularios, que deben poder ser navegados y utilizados sin la necesidad de un ratón. Esto no solo beneficia a los usuarios con discapacidades motoras, sino también a aquellos que prefieren la navegación mediante teclado. Además, es crucial proporcionar etiquetas claras y descriptivas para los formularios y controles de la interfaz, facilitando su identificación y uso. Por último, la prueba de accesibilidad es un paso esencial en el proceso de desarrollo. Utilizar herramientas de evaluación de accesibilidad y realizar pruebas con usuarios reales puede revelar problemas que no son obvios durante el desarrollo. La conformidad con las pautas de accesibilidad, como las WCAG (Web Content Accessibility Guidelines), no solo mejora la accesibilidad sino que también puede mejorar el SEO de un sitio web. |
|---|
🔍 Buscar curso
+5.000 cursos disponibles
📰 Blog del curso
Formación bonificada online para empresas. Ayudamos a equipos a ganar productividad con formación ajustada a las necesidades.
Somos una empresa de formación bonificada especializada en formación online en sus diferentes modalidades: teleformación, aula virtual y formación mixta.
Ayudamos a nuestros clientes a alcanzar una mayor productividad mediante acciones formativas ajustadas a sus necesidades reales.
Actuamos siempre con un código ético estricto. No ofrecemos supuestos cursos "homologados" de materias como igualdad, protección de datos, manipulador de alimentos, etc, porque sencillamente no existen.
Formación que transforma equipos. Nos esforzamos por aportar valor: diseñamos itinerarios con objetivos concretos de negocio, medimos la finalización real, y acompañamos a cada alumno hasta el final. Por eso el 95% de quienes empiezan, terminan.
