Codexmy
HTMLPrincipiante

HTML

Aprende a estructurar páginas web desde cero con las etiquetas fundamentales de HTML.

Progreso0/91
x
Empezar curso

Módulo 1: Fundamentos del documento

0/13
  1. lecciones 1Introducción a HTML
  2. lecciones 2Estructura de un documento HTML
  3. lecciones 3Textos y encabezados
  4. lecciones 4Enlaces
  5. lecciones 5Imágenes
  6. lecciones 6Listas
  7. lecciones 7Tablas
  8. lecciones 8Formularios
  9. lecciones 9Divs y Spans (contenedores)
  10. lecciones 10Atributos y semántica
  11. lecciones 11HTML5: elementos semánticos
  12. lecciones 12Comentarios en HTML
  13. lecciones 13Meta etiquetas y el head
Enviar proyecto del módulo

Módulo 2: Listas, tablas y formularios a fondo

0/11
  1. lecciones 14Listas anidadas
  2. lecciones 15Tablas: colspan y rowspan
  3. lecciones 16Tipos de input en formularios
  4. lecciones 17Select y opciones
  5. lecciones 18Radio buttons y checkboxes
  6. lecciones 19Textarea y botones
  7. lecciones 20Entidades HTML
  8. lecciones 21Elementos inline vs. block
  9. lecciones 22Atributos globales
  10. lecciones 23Enlaces internos (anclas)
  11. lecciones 24Atributos de imágenes
Enviar proyecto del módulo

Módulo 3: Multimedia y buenas prácticas

0/12
  1. lecciones 25Audio y video en HTML
  2. lecciones 26Iframes
  3. lecciones 27Accesibilidad básica en HTML
  4. lecciones 28Atributos data-*
  5. lecciones 29Listas de descripción
  6. lecciones 30Citas y blockquote
  7. lecciones 31Fieldset y legend
  8. lecciones 32Elementos de texto especiales
  9. lecciones 33Atributos de validación en formularios
  10. lecciones 34Sitios de varias páginas
  11. lecciones 35Buenas prácticas al escribir HTML
  12. lecciones 36Proyecto final: página personal
Enviar proyecto del módulo

Módulo 4: HTML intermedio: interactividad nativa

0/16
  1. lecciones 37Layout semántico avanzado
  2. lecciones 38Datalist: autocompletado
  3. lecciones 39Output y progress
  4. lecciones 40El elemento meter
  5. lecciones 41Details y summary
  6. lecciones 42El elemento dialog
  7. lecciones 43Picture y fuentes responsivas
  8. lecciones 44Srcset y sizes en imágenes
  9. lecciones 45Viewport y diseño móvil
  10. lecciones 46Meta etiquetas para redes sociales (Open Graph)
  11. lecciones 47Microdatos y Schema.org
  12. lecciones 48Roles ARIA básicos
  13. lecciones 49Landmarks de accesibilidad
  14. lecciones 50Tablas de datos complejas
  15. lecciones 51Atributo contenteditable
  16. lecciones 52El elemento template
Enviar proyecto del módulo

Módulo 5: SEO, rendimiento y accesibilidad

0/16
  1. lecciones 53SVG en línea
  2. lecciones 54Introducción a canvas
  3. lecciones 55Preconexión y precarga de recursos
  4. lecciones 56SEO técnico con HTML
  5. lecciones 57Atributo download en enlaces
  6. lecciones 58Atributo rel en enlaces externos
  7. lecciones 59La etiqueta base
  8. lecciones 60Hreflang y sitios multilenguaje
  9. lecciones 61Formularios: GET vs POST
  10. lecciones 62Validación avanzada con pattern
  11. lecciones 63Autofocus y autocomplete
  12. lecciones 64Atributo hidden
  13. lecciones 65Tablas responsivas
  14. lecciones 66Manifest y PWA básico
  15. lecciones 67Enlazando fuentes web
  16. lecciones 68Proyecto intermedio: formulario de registro completo
Enviar proyecto del módulo

Módulo 6: HTML avanzado: componentes y APIs del navegador

0/23
  1. lecciones 69Introducción a Web Components
  2. lecciones 70Shadow DOM
  3. lecciones 71Slots en Web Components
  4. lecciones 72Canvas avanzado: dibujando con contexto
  5. lecciones 73API de Geolocalización
  6. lecciones 74Drag and Drop API
  7. lecciones 75Validación personalizada de formularios
  8. lecciones 76Introducción a Web Workers
  9. lecciones 77LocalStorage y SessionStorage
  10. lecciones 78Introducción a Service Workers
  11. lecciones 79Atributos ARIA avanzados
  12. lecciones 80Rendimiento y critical rendering path
  13. lecciones 81Async vs defer en scripts
  14. lecciones 82Content Security Policy básica
  15. lecciones 83Integridad de subrecursos (SRI)
  16. lecciones 84Módulos JavaScript en HTML
  17. lecciones 85Prefetch y prerender de páginas
  18. lecciones 86Atributos observados en Web Components
  19. lecciones 87HTML y frameworks modernos
  20. lecciones 88Conceptos de Server-Side Rendering
  21. lecciones 89HTML semántico para datos estructurados
  22. lecciones 90Internacionalización avanzada
  23. lecciones 91Proyecto avanzado: componente interactivo
Enviar proyecto del módulo
Proyecto final

Sitio personal de varias páginas

Construye un sitio de 3+ páginas sobre un tema que elijas (tu portafolio, un club, una receta familiar, un pasatiempo) usando solo HTML semántico.

Qué debes entregar
  • Al menos 3 páginas enlazadas entre sí con navegación
  • Un formulario funcional (aunque no se envíe a un servidor real)
  • Una tabla de datos y una lista, aplicadas a tu propio contenido
  • Etiquetas semánticas (header, main, nav, footer, section)
  • Texto alternativo en todas las imágenes

Sube tu carpeta de archivos HTML y publícala como repositorio en tu cuenta de GitHub.

Se desbloquea al terminar todas las lecciones del curso