HTML & CSS
por Mario Puig
Introduce el desarrollo web desde cero: HTML (etiquetas, enlaces, listas, formularios) y CSS (selectores, caja, flexbox, grid) para crear páginas responsivas.
Recomendado, valoración editorial 4 de 5
verificado 2026-10-01 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Programación de nivel principiante en Udemy impartido por Mario Puig (1 h 51 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 1 de octubre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas sin experiencia previa que quieren dar su primer paso en desarrollo web.
- Nivel
- Principiante
- Duración
- 1 h 51 min · 20 lecciones
- Precio
- Gratis en Udemy
- Autor
- Mario Puig
- Plan sugerido
- 2 sem. · 3.5 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Introducción breve y ordenada al desarrollo web con HTML y CSS, útil como primer contacto para principiantes. La falta de capítulos y de año de publicación limita la valoración; conviene complementarla con cursos más extensos.
Puntos fuertes
- Cubre HTML y CSS en un único curso corto, con progresión de estructura a estilo.
- Incluye flexbox y grid, base del diseño responsivo actual.
- La descripción menciona proyectos prácticos, accesibilidad y SEO.
A tener en cuenta
- No hay capítulos detallados: solo consta un bloque con el título del curso.
- Con unas 2 horas para tantos temas, la profundidad probablemente sea limitada.
- No consta el año de publicación, así que conviene comprobar que el contenido esté al día.
De qué trata
Curso de nivel básico de Mario Puig, en formato Udemy, con 20 lecciones y unos 111 minutos de duración. Está pensado para crear sitios web desde cero combinando la estructura de HTML con el estilo de CSS.
Empieza con HTML: etiquetas, atributos, enlaces, imágenes, listas y formularios, con enfoque semántico y accesible. Después introduce CSS: selectores, propiedades, colores, tipografía, modelo de caja, flexbox y grid para diseñar páginas responsivas. Según la descripción, enfatiza la práctica mediante proyectos e incluye accesibilidad, usabilidad y optimización para buscadores.
- Etiquetas, enlaces, imágenes, listas y formularios en HTML
- Selectores, colores, tipografía y modelo de caja
- Diseño responsivo con flexbox y grid
- Proyectos web de simples a más complejos
- Buenas prácticas, accesibilidad y SEO
Para quién es este curso
- Personas sin experiencia previa que quieren dar su primer paso en desarrollo web.
- Diseñadores o profesionales que desean formalizar sus conocimientos de HTML y CSS.
- Quienes buscan una base antes de pasar a JavaScript o frameworks web.
Mejor busca otro si…
- Quien ya maneja flexbox, grid y formularios con soltura y busca contenido avanzado.
- Quien necesite un curso muy largo y detallado: son unas 2 horas en total.
Antes de empezar
- No se requiere experiencia previa: el curso está pensado para principiantes.
Qué sabrás hacer al terminar
- Estructurar páginas web con HTML usando etiquetas, enlaces, imágenes, listas y formularios.
- Aplicar estilos con CSS: selectores, colores, tipografía y modelo de caja.
- Diseñar páginas responsivas con flexbox y grid.
- Aplicar buenas prácticas de código y nociones de accesibilidad y SEO.
Estructura del curso
Capítulos del vídeo
- 01HTML & CSS
Plan de estudio sugerido
2 semanas · unas 3,5 h por semana
- 1.Semana 1: lecciones iniciales de HTML (etiquetas, enlaces, imágenes, listas, formularios); crea una página propia mientras avanzas.
- 2.Semana 2: bloque de CSS (selectores, colores, tipografía, caja, flexbox y grid); da estilo a esa página y hazla responsiva.
- 3.Al terminar, rehaz un proyecto pequeño sin mirar el vídeo para consolidar.
El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.
Consejos para seguirlo
- Escribe el código a la vez que el instructor y pausa tras cada lección para variarlo.
- Construye una misma página personal durante todo el curso, añadiendo HTML primero y CSS después.
- Practica flexbox y grid con maquetaciones distintas, redimensionando la ventana para ver el efecto responsivo.
Antes y después de este curso
- Después de este cursoCurso de HTML desde 0Profundiza en HTML si quieres reforzar la parte de estructura.
- Después de este cursoCURSO DE CSS COMPLETO: De Principiante a Front-EndAmplía CSS con un curso completo tras esta base.
- Después de este cursoCurso de FlexBox desde 0Permite practicar más a fondo flexbox, visto aquí de forma introductoria.
- Después de este cursoJavaScript - Curso COMPLETO desde 0 | Paso a paso y con Ejemplos 👨💻Siguiente paso natural para añadir interactividad a las páginas.
Cómo lo presenta Mario Puig
El curso de HTML & CSS está diseñado para brindar a los estudiantes una comprensión sólida y práctica de los fundamentos del desarrollo web. A través de este programa, los participantes aprenderán a crear sitios web funcionales y visualmente atractivos desde cero, combinando la estructura que ofrece HTML con el estilo y diseño proporcionados por CSS. El curso inicia con una introducción al…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Necesito saber programar?
No. La descripción indica que es apto para principiantes sin experiencia previa.
+¿Cuánto dura?
Unos 111 minutos en 20 lecciones. Con práctica, puede completarse en unas dos semanas a un ritmo de 3-4 horas semanales.
+¿Qué temas cubre?
HTML (etiquetas, atributos, enlaces, imágenes, listas, formularios) y CSS (selectores, colores, tipografía, modelo de caja, flexbox y grid), además de accesibilidad, usabilidad y SEO.
+¿Qué estudiar después?
La descripción apunta a JavaScript o frameworks web como continuación natural.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en Udemy, y revisado según nuestro método. El contenido del curso es obra de Mario Puig; si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Programación
Agentic AI – Complete Course for Beginners
Curso de unas 24 horas para construir sistemas de agentes de IA con LangChain y LangGraph: Pydantic, flujos de trabajo, memoria, RAG y despliegue en AWS y Render.
Aprende Accesibilidad Web paso a paso
Introducción práctica a la accesibilidad web: pautas y leyes, contenido, navegación, diseño e interacción accesibles, relación con el SEO y evaluación de sitios.
Aprende Godot - Curso completo desde cero
Crea tu primer videojuego 3D en Godot 4 desde cero: escenas, nodos, GDScript, físicas, animaciones, sonido y exportación a .exe.
Aprende JavaScript Ahora! curso completo desde cero para principiantes
Curso de JavaScript desde cero: entorno, variables, tipos, operadores, control de flujo, diez ejercicios y objetos con funciones constructoras.