Curso de HTML y CSS - Nivel Inicial

Bienvenida a este curso incremental de HTML y CSS. Este repositorio está diseñado para aprender desde cero, paso a paso.

📚 Estructura del Curso

Módulo 1: Fundamentos Teóricos

• 01-que-es-html: Introducción a HTML y su propósito
• 02-que-es-css: Introducción a CSS y el diseño web
• 03-que-es-javascript: Breve introducción a JavaScript (sin programar)

Módulo 2: Estructura de Proyectos

• 04-estructura-proyecto: Cómo organizar archivos HTML, CSS y JS

Módulo 3: El Box Model y Layout

• 05-box-model: Margin, Padding, Width, Height explicados paso a paso
• 06-positions: Posiciones en CSS (static, relative, absolute, fixed, sticky)

Módulo 4: Flexbox

• 07-flexbox: Sistema de diseño flexible para layouts modernos

Módulo 5: Proyecto Final

• 08-calculadora: Construir una calculadora visual (HTML + CSS, sin JavaScript)

🎯 Cómo Usar Este Repositorio

1. Ve carpeta por carpeta en orden numérico
2. Cada carpeta contiene:
   • README.md con explicaciones teóricas
   • ejercicio.html con ejercicios prácticos
   • Ejemplos visuales y diagramas cuando sea necesario
3. Lee primero el README, luego practica con los ejercicios
4. No te saltes ninguna carpeta, el aprendizaje es incremental

💡 Consejos para Estudiar

• Tómate tu tiempo en cada módulo
• Experimenta cambiando valores en los ejemplos
• Si algo no funciona, compáralo con los ejemplos
• Usa las herramientas de desarrollador del navegador (F12)

🚀 Empecemos

Abre la carpeta 01-que-es-html para comenzar tu viaje en el desarrollo web.