Curso de HTML desde 0
por Miguel Ángel Durán (midudev)
Aprende HTML desde cero: etiquetas, atributos, estructura del documento, SEO básico, HTML semántico, formularios, multimedia y modales con dialog.
Muy recomendado, valoración editorial 5 de 5
verificado 2026-09-08 — sigue siendo gratis en YouTube
Empezar en YouTubeRespuesta rápida
Curso gratis de Programación de nivel principiante en YouTube impartido por Miguel Ángel Durán (midudev) (1 h 54 min). Nuestra valoración: 5/5, muy recomendado. Comprobamos que sigue siendo gratis el 8 de septiembre de 2026.
- Veredicto
- 5/5 · Muy recomendado
- Para quién
- Personas que empiezan desde cero en desarrollo web y quieren aprender HTML de forma ordenada.
- Nivel
- Principiante
- Duración
- 1 h 54 min · 61 capítulos
- Precio
- Gratis en YouTube
- Autor
- Miguel Ángel Durán (midudev)
- Publicado
- 2023
- Plan sugerido
- 2 sem. · 4 h/sem.
- Verificado
- el 8 de septiembre de 2026
Nuestro veredicto
Muy recomendado, valoración editorial 5 de 5Curso de HTML para principiantes, bien estructurado en capítulos y que recorre desde lo básico hasta semántica, formularios, multimedia y modales. Es ideal como primer paso en desarrollo web, aunque no incluye CSS ni un proyecto final indicado.
Puntos fuertes
- Capítulos muy detallados (unos 60) que permiten navegar y repasar fácilmente.
- Progresión clara desde lo básico hasta semántica, formularios y multimedia.
- Cubre metadatos y SEO básico, que muchos cursos iniciales omiten.
A tener en cuenta
- Publicado en 2023; HTML cambia despacio, pero conviene contrastar novedades con MDN.
- Los datos no mencionan ejercicios ni proyecto final.
- Solo cubre HTML: no incluye CSS ni JavaScript.
De qué trata
Curso de HTML de unos 114 minutos dividido en 61 capítulos. Empieza explicando qué es HTML, los requisitos y cómo crear el primer archivo, y avanza por etiquetas, atributos, listas y elementos anidados.
Después trata la estructura básica del documento, con metadatos, favicon y etiquetas para SEO, y dedica un bloque amplio al HTML semántico. Termina con formularios y sus validaciones, elementos multimedia, iframes y la etiqueta dialog para modales.
- Etiquetas, atributos, id y class
- Estructura básica, metadatos y SEO
- HTML semántico: article, aside, main
- Formularios, validaciones y datalist
- Vídeo, audio, iframes y dialog
Para quién es este curso
- Personas que empiezan desde cero en desarrollo web y quieren aprender HTML de forma ordenada.
- Quien quiere entender HTML semántico, formularios y SEO básico antes de pasar a CSS y JavaScript.
- Estudiantes autodidactas que prefieren un curso en español con capítulos claros para volver a consultar.
Mejor busca otro si…
- Quien ya maneja HTML semántico y formularios y busca contenido de CSS o JavaScript.
- Quien necesite un curso con proyecto final guiado: los datos no mencionan ninguno.
Antes de empezar
- Según la descripción, se empieza desde cero; no se exige experiencia previa.
- Un ordenador con un editor de código; el vídeo dedica un capítulo a los requisitos y a crear la carpeta y el archivo.
Qué sabrás hacer al terminar
- Crear un archivo HTML y estructurarlo con head y body, incluyendo metadatos básicos.
- Usar etiquetas, atributos, listas, enlaces e imágenes correctamente.
- Aplicar etiquetas semánticas como article, aside, main, section y header.
- Construir formularios con label, fieldset, datalist y validaciones básicas.
- Incrustar vídeo, audio e iframes, y crear modales con la etiqueta dialog.
Estructura del curso
- 01
Introducción y primeros pasos
Qué es HTML, requisitos, creación de carpeta y archivo, qué hace y qué no hace HTML, primer archivo y qué son las etiquetas. Desde 0:00.
- 02
Elementos y atributos
Encabezados, párrafos, elementos anidados, listas, elementos de reemplazo, atributos, atributos booleanos, id, class, y consulta de MDN. Desde 12:52.
- 03
Estructura básica, metadatos y SEO
Estructura del documento, head y body, UTF-8, viewport, title, robots, theme color, favicon, etiquetas para SEO y style. Desde 36:25.
- 04
HTML semántico y enlaces
Ejemplo de HTML semántico, article, small, aside, main, anchor, rel, div y span, role y enlaces especiales. Desde 51:01.
- 05
Listas y formularios
Atributos de listas, fieldset, label, input, elementos en línea y de bloque, validaciones, datalist, details y diferencias entre input submit y button submit. Desde 1:14:58.
- 06
Multimedia, iframes y modales
Vídeo, audio, loading lazy, iframes y la etiqueta dialog para modales, hasta la despedida. Desde 1:33:10.
Capítulos del vídeo
- 0:00Introducción
- 0:57Que es html?
- 2:11Requisitos
- 3:06Creando carpeta + extensión
- 6:04De que se encarga y no HTML?
- 7:33Primer Archivo HTML
- 8:34Qué son las etiquetas?
- 9:27semantica
- 11:26Como usar la extensión
- 12:52Heading (h1-h6)
- 13:21parrafos
- 13:52Elementos Anidados (strong)
Ver los 49 restantes
- 15:48Lista desordenada
- 16:57Mala practica
- 19:17Elementos de remplazo (img, input, br…)
- 22:51Atributos
- 26:21Detalle importante de los atributos
- 28:02Atributos booleanos
- 29:57No usar mayúsculas
- 30:39Atributo ID
- 31:33atributo class
- 32:27MDN
- 33:51Etiqueta Center
- 34:25Etiqueta Em
- 34:48Estilos por defecto
- 36:25Estructura Básica
- 38:35Para que sirve el Head y el Body?
- 38:56Metadato UTF-8
- 39:26Metadato ViewPort
- 40:16Etiqueta Title
- 41:18Metadato Robots y Theme Color
- 42:43Favicon
- 44:00Etiquetas para el SEO
- 50:11Etiqueta Style
- 51:01HTML Semántico
- 52:47Ejemplo de HTML Semántico
- 58:00Etiqueta Article
- 59:24Etiqueta small
- 1:00:17Continuando semántica
- 1:01:11Etiqueta aside
- 1:02:15Porque tantos headers, que es section, aside, article
- 1:03:17Etiqueta Main y anchor
- 1:08:16atributo rel="noreferer"
- 1:09:20Div y span
- 1:10:25atributo Role
- 1:12:04Enlaces especiales
- 1:14:58Atributos de Listas (ol, ul)
- 1:16:08Etiquetas de formulario
- 1:17:08Fieldset, label, input
- 1:20:03Elementos en línea y de Bloque
- 1:21:17Continuando con el formulario
- 1:23:51Validaciones de formularios
- 1:26:11Datalist
- 1:27:53Etiqueta details
- 1:31:04input submit vs button submit
- 1:33:10Etiqueta de Video
- 1:35:28Etiqueta Audio
- 1:36:29Atributo loading lazy
- 1:42:05iframes
- 1:45:40Etiqueta dialog (para modales)
- 1:53:32Despedida
Plan de estudio sugerido
2 semanas · unas 4 h por semana
- 1.Sesión 1 (0:00-36:25): crea tu carpeta y archivo, y practica etiquetas, listas, atributos, id y class.
- 2.Sesión 2 (36:25-1:03:17): escribe una página con head, metadatos, favicon y estructura semántica.
- 3.Sesión 3 (1:03:17-1:26:11): practica enlaces, div/span, role y un formulario con validaciones.
- 4.Sesión 4 (1:26:11-1:53:32): añade details, vídeo, audio, iframe y un modal con dialog.
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 en tu editor a la vez que el vídeo y pausa en cada capítulo para probarlo en el navegador.
- Consulta MDN como se muestra en el capítulo 32:27 cada vez que dudes de un atributo.
- Al llegar a HTML semántico (51:01), rehaz una misma página primero con div y luego con etiquetas semánticas para notar la diferencia.
- Construye un formulario propio en el bloque de 1:16:08 a 1:31:04 y prueba sus validaciones.
Antes y después de este curso
- Después de este cursoCURSO DE CSS COMPLETO: De Principiante a Front-EndTras aprender HTML, el siguiente paso natural es dar estilo con CSS, del mismo autor.
- Después de este cursoCurso de FlexBox desde 0Sirve para aprender maquetación una vez conocida la estructura HTML.
- AlternativaHTML and CSS - Full Course (11.5 Hours)Curso más largo que combina HTML y CSS, aunque en inglés.
- Después de este cursoAprende JavaScript - Curso Completo Desde CeroPermite añadir interactividad a las páginas una vez dominado HTML.
Cómo lo presenta Miguel Ángel Durán (midudev)
¡Sumérgete en el emocionante mundo de la creación web! Aprende HTML desde cero en este curso completo y totalmente gratuito. ¡Prepárate para construir sitios web asombrosos y dar rienda suelta a tu creatividad en línea! No te lo pierdas.
Extracto de la descripción original en YouTube.
Preguntas frecuentes
+¿Necesito saber programar para empezar?
No. La descripción indica que se aprende HTML desde cero y el curso comienza explicando qué es HTML y los requisitos.
+¿Cuánto dura y cuánto tardaré?
El vídeo dura unos 114 minutos con 61 capítulos. Con pausas para practicar, un plan razonable es de unas dos semanas con 4 horas semanales.
+¿Qué temas cubre?
Etiquetas y atributos, estructura del documento, metadatos y SEO, HTML semántico, enlaces, formularios y validaciones, vídeo, audio, iframes y dialog.
+¿Qué estudiar después?
Como el curso se centra solo en HTML, un siguiente paso lógico es aprender CSS y después JavaScript.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en YouTube, y revisado según nuestro método. El contenido del curso es obra de Miguel Ángel Durán (midudev); 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.