Permiten seleccionar etiquetas, clases, identificadores y elementos específicos para darles formato desde la hoja de estilos.
Duración del curso en línea: 3 horas y 17 minutos
Crea webs desde cero y mejora tu perfil: aprende HTML y CSS con un curso online gratis, práctico y orientado a diseño responsive, formularios y animaciones.
Da tus primeros pasos en el desarrollo web y aprende a construir sitios atractivos, claros y funcionales con HTML y CSS. Este curso online gratuito está pensado para quienes quieren crear páginas desde cero y entender cómo se estructura una web moderna, cómo se aplica el estilo de forma eficiente y cómo se consigue un resultado adaptable a diferentes dispositivos.
A lo largo del recorrido trabajarás con buenas prácticas de maquetación y diseño, aprendiendo a organizar el contenido para que sea legible, mantenible y fácil de evolucionar. Verás cómo tomar decisiones de estilo con criterio, cómo reutilizar reglas para evitar código repetido y cómo optimizar hojas de estilo para que el sitio sea más consistente y rápido de ajustar.
El curso se centra en una evolución paso a paso de un proyecto: desde la estructura base y la aplicación de estilos, hasta la creación de secciones habituales en cualquier web profesional, como una página de contacto. También se profundiza en el uso de selectores CSS para ganar precisión, mejorar la jerarquía visual y facilitar el mantenimiento cuando el proyecto crece.
Además, desarrollarás una mirada práctica sobre maquetación moderna con Flexbox, entendiendo cómo distribuir elementos en un contenedor, alinear contenidos y reordenarlos visualmente sin tocar el marcado. Esto te permitirá diseñar interfaces más flexibles y adaptadas a necesidades reales, tanto para páginas informativas como para layouts más complejos.
Para completar un enfoque actual, aprenderás a preparar tu sitio para diferentes resoluciones mediante técnicas responsive con media queries. Así podrás ajustar tipografías, espacios, distribución de columnas y navegación para que la experiencia sea sólida en móvil, tablet y escritorio.
El curso también incluye la mejora visual con transiciones y animaciones en CSS3, un recurso clave para aportar feedback, suavizar cambios de estado y añadir microinteracciones sin depender de librerías externas. Por último, se refuerzan conceptos relacionados con formularios y el envío de datos, ayudándote a tomar decisiones correctas al crear interacciones habituales en sitios web.
Al finalizar, contarás con una base sólida para seguir creciendo en desarrollo web: habrás practicado con un flujo de trabajo realista, reforzado habilidades útiles para proyectos personales o profesionales y adquirido fundamentos que te servirán para avanzar hacia temas como accesibilidad, componentes, preprocesadores o frameworks.
Descubre los mejores cursos online gratuitos de HTML y aprende a crear páginas web desde cero. Domina etiquetas, estructura, enlaces, imágenes, formularios, HTML5 y buenas prácticas con formación flexible para todos los niveles. Inscríbete gratis, estudia a tu ritmo y obtén un certificado al completar cada curso.
Explora cursos online gratuitos de CSS para aprender a crear estilos modernos, diseños responsivos y interfaces atractivas. Encuentra formación para principiantes y usuarios con experiencia, estudia a tu ritmo y mejora tus habilidades de desarrollo web. Todos los cursos incluyen certificado gratuito para acreditar lo aprendido y potenciar tu perfil profesional.
Descubre los mejores cursos online gratuitos de Responsive Web Design para aprender a crear sitios web adaptables a móviles, tablets y ordenadores. Mejora tus habilidades en diseño web responsivo, HTML, CSS y experiencia de usuario con formación flexible, lecciones prácticas y cursos que incluyen certificado al finalizar.
3 horas y 17 minutos de curso de vídeo online
Certificado digital de finalización del curso (Gratis)
Ejercicios para entrenar tus conocimientos
100% gratis, desde el contenido hasta el certificado
¿Cómo se usan los selectores CSS básicos para aplicar estilos a una página HTML5?
Permiten seleccionar etiquetas, clases, identificadores y elementos específicos para darles formato desde la hoja de estilos.
¿Qué propiedad de Flexbox permite cambiar el orden visual de los elementos sin modificar el HTML?
La propiedad `order` permite reordenar los elementos flexibles visualmente dentro de su contenedor.
¿Cómo adaptar un diseño HTML y CSS a móviles y otras resoluciones?
Se utilizan media queries en CSS para aplicar estilos distintos según el ancho de pantalla del dispositivo.
¿Listo para empezar?Descarga la app y empieza hoy mismo.
Instale la aplicación
ahora para acceder al cursoMás de 5000 cursos gratuitos
¡Programación, inglés, marketing digital y mucho más! Aprende lo que quieras, gratis
Plan de estudios con IA
La Inteligencia Artificial de nuestra app puede crear un horario de estudio para el curso que elijas
De cero al éxito profesional
Mejora tu currículum con nuestro certificado gratuito y luego usa nuestra Inteligencia Artificial para encontrar el trabajo de tus sueños
También puedes utilizar el código QR o los enlaces que aparecen a continuación.

Curso GratuitoPHP tutoriales
16h37m
15 ejercicios

Curso GratuitoJavaScript desde cero
7h04m
29 ejercicios

Curso GratuitoAprende React desde cero
8h10m

Curso GratuitoPHP/MySQL
5h58m
21 ejercicios

Curso GratuitoSEO
1h27m
34 ejercicios

Curso GratuitoAprende HTML y CSS desde cero
5h15m

Curso GratuitoCSS flexbox
3h55m
13 ejercicios

Curso GratuitoCómo hacer sitios web usando HTML y CSS
4h00m
27 ejercicios

Curso GratuitoAngular JS desde cero
3h15m
20 ejercicios

Curso GratuitoJavaScript desde 0
25h42m
24 ejercicios
+ 10 millones
estudiantes
Certificado gratuito y
válido con código QR
60 mil ejercicios
gratis
Calificación de 4.8/5
en tiendas de aplicaciones
Cursos gratuitos de
vídeo y audiolibros
Comentarios del curso: HTML y CSS para la creación de WebSites
KEINER DAVID ARIAS MORALES
excelente curso