Curso de HTML

HTML (HyperText Markup Language) es el lenguaje con el que se escribe el contenido y la estructura de todas las páginas web. Cada sitio que visitas —una tienda en línea, un blog, el menú de un restaurante o una red social— empieza con un documento HTML que le dice al navegador qué es un título, qué es un párrafo, dónde va una imagen y qué texto es un enlace.

Piensa en HTML como el esqueleto de una casa: define dónde van los cuartos, las puertas y las ventanas. Después, CSS pinta las paredes y elige los muebles (curso de CSS), y JavaScript instala la electricidad para que las cosas respondan (curso de JavaScript). Sin un buen esqueleto, todo lo demás se tambalea.

En proyectos reales para clientes, un HTML bien escrito marca la diferencia: el sitio aparece mejor en Google, funciona con lectores de pantalla, carga rápido, se ve bien al compartirlo en WhatsApp o Facebook y es mucho más fácil de mantener. Esto es justo lo que distingue a un desarrollador profesional de alguien que "solo copia y pega".

Qué vas a poder hacer al terminar

• Escribir documentos HTML válidos desde cero, con la estructura correcta.
• Usar texto, enlaces, imágenes optimizadas, listas y tablas con criterio.
• Crear formularios completos con validación nativa (sin JavaScript).
• Maquetar páginas con HTML semántico que entiendan Google y los lectores de pantalla.
• Insertar video, audio, mapas y videos de YouTube de forma responsiva.
• Aplicar accesibilidad (ARIA, foco, contraste) y SEO técnico (meta etiquetas, Open Graph, JSON-LD).
• Entregar a un cliente una landing page profesional siguiendo un checklist de calidad.

Requisitos previos

• Saber usar una computadora, crear carpetas y archivos.
• Tener un editor de código (recomendamos VS Code) y un navegador moderno.
• Si nunca has programado, revisa antes la sección de Fundamentos: ahí se explica cómo funciona la web, el navegador y cómo organizar tus archivos.

Practica mientras lees

Cada lección incluye ejemplos que puedes copiar. También puedes probarlos al instante en el Playground sin instalar nada.

Temario

Nivel básico

1. ¿Qué es HTML? — etiquetas, elementos, atributos, anidamiento y tu primer archivo.
2. Estructura del documento — doctype, <html>, <head>, <body>, meta charset, viewport y lang.
3. Texto y encabezados — títulos, párrafos, énfasis, citas, código y entidades.
4. Enlaces — rutas relativas y absolutas, anclas, mailto, tel, descargas y seguridad.
5. Imágenes — formatos, optimización, srcset, <picture>, carga diferida y <figure>.
6. Listas y tablas — listas de todo tipo y tablas accesibles de datos.

Nivel intermedio

7. Formularios — todos los tipos de input, validación nativa, autocomplete e inputmode.
8. HTML semántico — header, nav, main, article, section, details, dialog y por qué importa.
9. Multimedia — video, audio, subtítulos, YouTube y Google Maps responsivos.

Nivel profesional

10. Accesibilidad — landmarks, foco, ARIA, skip links y pruebas con lector de pantalla.
11. SEO y meta etiquetas — title, description, Open Graph, favicon, canonical y JSON-LD.
12. Buenas prácticas — convenciones, validación W3C y checklist de entrega a clientes.
13. Proyecto: landing page — construye paso a paso la página de una cafetería.

MDN: HTMLLa referencia más completa y confiable.Validador W3CComprueba que tu HTML no tenga errores.Can I useConsulta el soporte de cada función en navegadores.